Change font color in menu

Hi,

Firstly your templates are amazing, I am using on a few sites and they look great.

I would like to know how to change the font color in the main menu.

Thanks,
Mitch

You can use below css codes in templates/gk_templatename/css/override.css and enable css override in template settings > advanced settings > css override "on".

Normal State

Code: Select all

div.gk-menu > ul.level0 > li > a, div#gkDropMain > ul > li > a { color: ffffff!important;}


Hover State

Code: Select all

div.gk-menu > ul.level0 > li:hover > a, div#gkDropMain > ul > li:hover > a { color: #ECDC85!important; }


Active State ( if clicked and currently on that menu page )

Code: Select all

div.gk-menu > ul.level0 > li.active > a, div#gkDropMain > ul > li.active > a { color: #ECDC85!important; }


Active Hover State ( if clicked and currently on that menu page and mouse hover on menu )

Code: Select all

div.gk-menu > ul.level0 > li.active:hover > a, div#gkDropMain > ul > li.active:hover > a { color: #ECDC85!important; }


See you around...