[Theme: Virtue] – sub menu a:hover FONT color change

  • Resolved rebelswp

    (@rebelswp)


    8 years, 10 months ago

    Hi everyone,

    I’m trying to change the color of the sub menu while hovering.
    I already edited my main menu:

    #nav-main ul.sf-menu a:hover {background: #36783d; color: #FFF; border-radius: 6px 6px 6px 6px;}

    but I can’t figure out how to change the sub menu of it. It already has the border radius and background color, but it doesn’t change the font to white.

    Any help? Thank you very much

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kye

    (@gmax21)

    8 years, 10 months ago

    Hey there,

    Something like this should do it:

    #nav-main ul .sf-dropdown-menu{background-color:#000;}

    Take care.

    Thread Starter rebelswp

    (@rebelswp)

    8 years, 10 months ago

    Hi Timothy,

    thanks for your reply. This helps changing the background-color of the dropdownmenu, but I want to change the color of the FONT of the dropdownmenu WHILE hovering it with the mouse.

    The fontcolor should change to white when I hover over the menu point.

    I changed your code:
    #nav-main ul .sf-dropdown-menu a:hover {background-color:#000; font-color: #fff;}

    The background color changes while hovering to black, but the font color doesn’t change to white. How can I change the font color?

    Thread Starter rebelswp

    (@rebelswp)

    8 years, 10 months ago

    finally found a thread which solved the problem:

    #nav-main ul.sf-menu ul li a:hover, #nav-second ul.sf-menu ul li a:hover {
color: white;
}

    is doing the trick

    Kye

    (@gmax21)

    8 years, 10 months ago

    Ah, I misread you there. Thought you referred to the background colour for some reason.

    As you noted, for font colour you use the “color: #HEXCODE”. and set it’s hover state.

    Glad to see you got that sorted 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Theme: Virtue] – sub menu a:hover FONT color change’ is closed to new replies.