Change hover color in header menu

andresand · April 2017

Hi!

I have run into some problems and I would love if you could just point me in the right direction.

I have searched here on the BeTheme and various forums, but I just can't get it this one to work.

1. The hover color in the header is atm orange, how can I change this to blue or grey for example? I tried coding in BeTheme options, custom CSS, but I can't get it to work. Perhaps I am placing the codes in the wrong place, or in the wrong order in relation to the other codes above and below? Here is the link for the site http://www.servion.se/

Thank you very much for your replies!

Bryan · April 2017

Hi,

Please go to theme options>colors>menu and change the color there.

Be aware that if you have selected a custom color skin in colors>general you will be not able to change individual colors.

thanks

andresand · May 2017

Hi again! Thank you very very much for your answer!

One final question however, Is it possible to add a custom code perhaps in "Custom CSS & JS"? One that perhaps will "force/override" the hover color to change to a color of my liking, despite of the theme color being set? As you mentioned I had selected a custom skin color in "colors>general", so I am hoping that maybe I can use a custom code instead of the theme color being changed.

Thanks again very much for your replies, I appreciate your support!

Bryan · May 2017

Hi,
You can use this css

#Top_bar .menu > li.hover > a, #Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a {
	color:red !important;
}

andresand · May 2017

You guys are the king of kings! It worked perfectly! Thanks a lot for your help! ^:)^

Change hover color in header menu

Comments