Hi.
How do I change font color for non-selected menu items in the header?
I need a grey background and the only thing I’ve managed to do is to have a white font for the current page. The other menu items remain greyish and impossible to read. I’ve tried changing many different color types in the styling section but can’t figure out which one is for non-selected menu items.
Thanks.
Hey gorkas!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
.header_color .main_menu ul:first-child > li > a { color: red; }
Cheers!
Yigit
Thanks. It works. Please also help how to do the same for the submenu that opens when you hover over a main menu item. Thanks.
Hi!
Please add following code to Quick CSS as well
.header_color .main_menu .menu ul li a { color: red; }
Cheers!
Yigit
Thanks. Now I have the main menu line and child items in red, the only problem I have left is the title of the submenu which remains illegible grey. How do I change that? Sorry, honestly can’t guess :-)
Hi!
If you meant title in mega menu, please add following code to Quick CSS as well
#top #header .mega_menu_title a { color: red; }
If you mean other element, please post the link to your website and point out which item exactly
Regards,
Yigit
Please hoover over “Usluge” at http://test.kagor.hr/. I need “Poslovno savjetovanje” and “Organizacija poslovanja” in red. Thnx.
Hey!
Please add the code i posted in my previous post ( https://kriesi.at/support/topic/header-menu-colors/#post-190177 ) then flush browser cache and refresh your page a few times. that should do it
Regards,
Yigit
Yes, it works. Thanks.