How to underline menu items when hovering instead of filling background with color? Should be an easy one, but I cant find the options to do so.
Hey goldenfate,
Try to add this css code in Quick CSS (located in Enfold > General Styling):
#top #avia-menu > li > a:hover {
background: transparent !important;
text-decoration: underline;
}
#top #avia-menu > li > a:hover span.avia-menu-text {
color: #aaa !important;
}
Let us know if this helps :)
Best regards,
Nikko
Yes that works, but how do I change the underline color to blue instead of black?
Thank you
Hi!
#top #avia-menu > li > a:hover {
background: transparent !important;
text-decoration: underline;
color: blue;
}
Where color: blue, change it with the color you have selected.
Let us know if it works
Cheers!
Basilis
Hi there, my menu items are still showing as a grey underline when hovering, not blue like I wanted.