Add A Hover Color to Navigation Menu – Confit

• 

  retiresafeorg · Member · Mar 1, 2016 at 3:34 am

  • Copy link
  • Add topic to favorites

  I am trying to add a Hover Color to the Navigation Menu using CSS. I would like it to be blue with some opacity.

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

• 

  retiresafeorg · Member · Mar 1, 2016 at 3:47 am

  • Copy link

  To be more specific I am trying to add a solid highlight so when you hover over the menu selection it fills in the entire block with a background color.

• 

  thesacredpath · Member · Mar 1, 2016 at 8:52 am

  • Copy link

  Add the following to your custom CSS and you can edit my obnoxious green color as desired.

  .main-navigation a:hover {
      background-color: #11ff00;
  }

• 

  retiresafeorg · Member · Mar 1, 2016 at 9:14 pm

  • Copy link

  As usual, you rock. Thanks, it worked great!

• 

  retiresafeorg · Member · Mar 1, 2016 at 9:30 pm

  • Copy link

  how about doing the same for a menu added to the sidebar via a widget? Any way to make the change there as well?

  Answering this request one way or the other will not effect your status of “rocking”.

• 

  thesacredpath · Member · Mar 2, 2016 at 8:50 pm

  • Copy link

  The following would do the same for custom menu widgets.

  .widget_nav_menu li:hover {
      background: #efb2b2;
  }

• 

  retiresafeorg · Member · Mar 3, 2016 at 1:35 am

  • Copy link

  Thanks

• 

  thesacredpath · Member · Mar 3, 2016 at 5:13 am

  • Copy link

  You are welcome.