CSS For Main Menu Hover Color

**GK User** Tue Jun 25, 2013 3:41 pm Reply with quote Report this post

Hello,

I'm having a hard time finding the CSS for the main menu hover color. This should also be the color the menu item stays when user is on that page.

Can you direct me to the correct code? Is it in menu.css?

I appreciate your help.

**GK User** Tue Jun 25, 2013 5:28 pm Reply with quote Report this post

Please specify, if You refer to mainmenu on homepage or on subpages?

**GK User** Wed Jun 26, 2013 2:47 am Reply with quote Report this post

I'm sorry - Main Menu on Subpages. Thank you for your help

**GK User** Wed Jun 26, 2013 6:07 am Reply with quote Report this post

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all: .gkMenu a:hover, .gkMenu a:active, .gkMenu a:focus, .gkMenu li.active > a {color: #FF7F66;}

this code will set color of hover and active elements.

Code: Select all: #gkMainMenu div.childcontent a:active, #gkMainMenu div.childcontent a:focus, #gkMainMenu div.childcontent a:hover {color: #FF7F66;}

this will work with dropdowns

Remember to enable "CSS override" in template settings - advanced section.