• Resolved bvo

    (@bvo)


    Hi
    Great Theme! Very fast, flexible. Nice!
    One question though: I made some menu’s in de sidebar and I style the menu items as a block with different color on hover. I also want to change the text color of the menu items (the actual link) on hover, but can’t figure out how. Any ideas?

    Kins regards,
    Bas

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • hannah

    (@hannahritner)

    Hey Bas,
    This color should be pulling from your color palette. Or you can target it specifically with this css:

    .collapse-sub-navigation ul.menu li a:hover {
        color: #fff;
    }

    Hope that helps!

    Best,
    Hannah

    Thread Starter bvo

    (@bvo)

    Yes! Thank you! I tried many things, but couldnt figure ouy.
    Bas

    Thread Starter bvo

    (@bvo)

    Hannah, when I put this code in customizer, extra css, it works, but when I put it in style.css in my child theme, it doesn’t. Why?

    hannah

    (@hannahritner)

    Hey Bas,
    That is because of CSS Specificity. See here:
    https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
    Generally, CSS hierarchy is main themes > child theme > customizer settings > customizer CSS. Meaning customizer CSS will override the customizer settings but a child theme will not.
    Hope that’s helpful!

    Best,
    Hannah

    Thread Starter bvo

    (@bvo)

    Hi Hannah,
    Thanks, I’ll read that. I understand that there’s a order in css.

    I use a child theme. I add the code in the costomizer in the child theme and it works, but adding it in de style.css in the child theme doesnt work. I don’t understand this, when I look at the order you mention.

    But, it works, I’ll look at the link you provide.

    Thanks!

    Regards,
    Bas

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘menu hover text color’ is closed to new replies.