I would like to know how to change the header font color for main menu + secondary menu.
It seems the setting in Enfold Styling for “Header Font Color” sets the color but this color is used for the active, non-active, hover color and the non-active link just has a lower opacity.
As seen on my website http://younglife.org.au/wp/pages/services/
I would like all the non active links for main menu + secondary menu to be white (#FFFFFF) but when they are hovered over or it’s the current page your on to be highlighted green (#719430)
Hope that makes sense.
cheers Fudge
Hi Fudge!
This will do it (add it to Quick CSS):
#avia-menu li a {
color: #ffffff;
}
#avia-menu li a:hover, #avia-menu li.current-menu-item a{
color: #719430;
}
Best regards,
Josue
Hey Josue,
That worked great for main menu. Can you tell me the css to do the same for the secondary menu items along top of the header as well?
cheers Fudge
Hey!
I guess you are referring to the contact, login links on top, try changing the code to:
#avia-menu li a, #avia2-menu li a {
color: #ffffff;
}
#avia-menu li a:hover, #avia-menu li.current-menu-item a, #avia2-menu li a:hover, #avia2-menu li.current-menu-item a{
color: #719430 !important;
}
Regards,
Josue
That hit the spot. Many thanks.
Just wondering if there is a difference between putting the extra css into Quick CSS or the Custom CSS file?
Hi!
No there is not. If you update the theme and do not have backup of custom.css file, you will lose it but your custom CSS code in Quick CSS section will not be changed as long as theme names are matching
Best regards,
Yigit
Only the beginning but starting to look more the way I wanted now.
Thanks for the info about quick/custom css and your help.
cheers Fudge
You are welcome, glad we could help :)
Regards,
Josue