Twenty Fourteen: Navigation Text color (hover)

• 

  marieevepreaux · Member · Jul 10, 2014 at 4:03 pm

  • Copy link
  • Add topic to favorites

  Hello!

  Ive been trying to get my css right on the website I am building for my church. I was able to change the navigation color and properties, and I made the text white BUT when I hover the navigation, the text revert to black. Id like to have it white all the time. How can I do that?

  Thank you for any input!

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

• 

  lizthefair · Member · Jul 10, 2014 at 7:37 pm

  • Copy link

  I think this should do it:

  .primary-navigation li:hover a{
  	color: <insert color here>;
  }

• 

  marieevepreaux · Member · Jul 10, 2014 at 7:53 pm

  • Copy link

  Thank you!
  It worked great – partly anyway ;)
  It works fine when I over menu item but not when I hover dropdown menu items… Any fix for that?

• 

  lizthefair · Member · Jul 10, 2014 at 8:24 pm

  • Copy link

  When I make the change on my test blog, the code I gave you changed everything–including the dropdown menu items, so I’m not entirely sure what’s happening. It could be that you’ve changed something else that is interfering with this change. What happens if you change the bit of code I gave you before to this?

  .primary-navigation li:hover a{
  	color: <insert color here> !important;
  }

• 

  marieevepreaux · Member · Jul 10, 2014 at 8:29 pm

  • Copy link

  Yeah! Worked fine!
  Thanks so much!

• 

  lizthefair · Member · Jul 10, 2014 at 8:33 pm

  • Copy link

  score. Glad it all worked out :)