Tagged: menu links
I’m having difficulty changing the font color of my menu links. They are black, however when the mouse hovers over one of them, the font color changes to blue, which I don’t like. I would like to know the steps needed to (1) keep them black when the mouse hovers or (2) maintain the color change when the mouse hovers, but to a different color than blue.
I’ve tried looking for a solution, but had no luck. Additionally, within Enfold Child – Theme Options – Advanced Styling – Main Menu Links. Solutions without having to adjust CSS would be greatly appreciated.
Hey vcesena7,
You can set that under Enfold->Advanced Styling. Select to edit the Main Menu Links, then check the Apply only to mouse hover state box, then make your colour selections and save.
Best regards,
Rikard
Thank you for your response, Rikard.
Unfortunately, I have already tried that before and it did not change the blue font color while the mouse hovered over any of the links. Additionally, it instead reduced the font size of my menu links. Any further suggestions to resolve this issue?
Hi,
Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
Rikard
Great, thanks Rikard.
Hi,
Thanks for that. You had this in Quick CSS:
#top #header .av-main-nav > li > a:hover .avia-menu-text {
color:#2882a8!important;
}
I removed that for you, and the theme settings are applying now. You can set your own hover colour under Enfold->Advanced Styling.
Best regards,
Rikard
Thanks so much, Rikard. Really appreciate it!