Menu font colour for drop down menu

• 

  saskiatrask · Member · Apr 4, 2015 at 12:16 am

  • Copy link
  • Add topic to favorites

  Hi there,
  I recently fixed an issues with the menu words disappearing into the image background by changing the font to white via a CSS code. Its now moved the issue onto the drop down menu font colour. Because all font colour for the menu has been changed to white – white you hover over to see a sub title you cant see it as the font in the sub title is white (on a white background). Can I change the sub-menu headers to grey and keep the main menu headers as white? Help (obviously I am very un skilled in this area). Thanks in advance

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 6, 2015 at 3:26 pm

  • Copy link

  Hi, give this a try. You can adjust the color as desired.

  #wrap #header .menu li li a, #wrap #header .menu li li a:link, #wrap #header .menu li li a:visited {
      color: #555 !important;
  }

• 

  saskiatrask · Member · Apr 7, 2015 at 8:28 am

  • Copy link

  Wow!! Thank you so much. It worked! Im stoked :)
  Woohoo!

• 

  thesacredpath · Member · Apr 9, 2015 at 4:56 pm

  • Copy link

  You are welcome.

• 

  saskiatrask · Member · Apr 9, 2015 at 9:43 pm

  • Copy link

  Me again! Just two more questions and then I’ll leave you alone (hopefully :) )
  I have added a menu widget to the footer of my website and for some reason the front is bright green. I wish to change this to black or yellow (ffbb00) to match the website. Where would I do this and how?
  And finally I would like to add a ‘sign up to receive my enewletters’ call to action pop up (an example of this can be seen on my friends page here – http://www.bodybalancenutrition.co.nz/) but I’m not sure how to do this. Is it possible and how so?
  Many thanks in advance
  Saskia

• 

  thesacredpath · Member · Apr 11, 2015 at 1:48 pm

  • Copy link

  The links in widgets, for whatever reason come in as that Green. Add the following to change that to black.

  .widget ul.menu li a {
      color: #000;
  }

• 

  thesacredpath · Member · Apr 11, 2015 at 1:53 pm

  • Copy link

  Saskia, if you are talking about the call to action contact form for the VIP access that appears and overlays the content, that is not possible here at WordPress.com.