Change the hover color of the menu and drop down menu

• 

  akosarin · Member · Feb 15, 2014 at 1:59 am

  • Copy link
  • Add topic to favorites

  Hello! I am needing help with my blog for http://www.mylifeurge.com. I am using the sight theme. I need to change the hover color on the menu tabs. specifically I am doing this because on my tab labeled Yoga, i now have two subcategories that are very difficult to see since the hover color is white. Is it possible to change the hover color to #8dd0cc and change the hover color font to white. I need to make the yoga subcategories legible when you hover over them. any help is greatly appreciated.

  Thank you,
  Amanda

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

• 

  akosarin · Member · Feb 15, 2014 at 2:28 am

  • Copy link

  In looking at my css, I have somehow deleted something, and now the hover color in the menu is black, which is not what I want. I would like my menu to look similar to this website http://tacklingmommyhood.com/
  so the end result would be that the hover color over the main menu tabs is white and only the drop down sub menus would have an a different color.

  Thank you in advance for any help!

• 

  thesacredpath · Member · Feb 25, 2014 at 7:00 pm

  • Copy link

  Hi, delete this from your custom CSS.

  .main-navigation ul ul, .main-navigation ul li:hover {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  }

  And replace it with this and edit the background color on .main-navigation ul ul as desired.

  .main-navigation ul li:hover {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  }
  .main-navigation ul ul {
      background: #CC0000;
  }