Changing menu hover colors?

Shapely
1

How do I change the menu’s hover and active colors?

Thanks!

2

Sorry, I meant submenu hover and active colors

3

Hi @kjaonline,

I hope you are well today and thank you for your question.

You can try changing submenu hover and active colors by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#page .menu > li > ul li a:hover {
    color: #000;
    background: #BF9B9B;
}

#page .dropdown-menu>.active>a,
#page .dropdown-menu>.active>a:focus{
    color: #BF9B9B;
    background-color: #000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin