Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 7, 2017 at 9:14 pm #744087
    goldenfate

    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.

    February 10, 2017 at 10:43 pm #745631
    Nikko

    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

    February 12, 2017 at 9:45 pm #746038
    goldenfate

    Yes that works, but how do I change the underline color to blue instead of black?

    Thank you

    February 12, 2017 at 10:53 pm #746052
    Basilis

    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

    February 28, 2017 at 8:44 am #752784
    goldenfate

    Hi there, my menu items are still showing as a grey underline when hovering, not blue like I wanted.

    • This reply was modified 7 years, 10 months ago by goldenfate.
    March 3, 2017 at 6:00 pm #755238
    Yigit

    Hi,

    That is expected when you display underlines using text decoration. Please go to Enfold theme options > Header and choose default in “Header style” and add following code to Quick CSS

    .avia-menu-fx {
    background-color: black!important;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.