I added this code to the quick css style from the enfold settings.
But the submenu navigation color of the text cannot be changed. How do I change that including the hover color please?
I thought these would be in the enfold settings.
Thank you!
Hi Marc!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top .av-main-nav ul a { color: red; }
#top .av-main-nav ul a:hover { color: green !important; }
Cheers!
Yigit
Thank you so much for your quick response! I have this: .header_color .main_menu ul:first-child > li > a { color: #f2f2f2; }
to change the font color of the main navigation to white f2f2f2, but when I hover it it gets so dark that it fades into the header color which is almost black and can’t see it.
Then when I hover a main nav tab to open a submenu the color of the text in the submenu is dark too and can’t be seen and the hover is not there.
I added what you said and tried to change colors but there is no change whatsoever.
I would appreciate any help!
Thank you!
Hey!
Did you try to add a hover selector to your code like:
#top #wrap_all .header_color .main_menu ul:first-child > li > a:hover { color: #ff0000; }
It should change the link color if you hover over the menu items.
Best regards,
Peter
Thank you!!!