[Resolved] Make Widget/Menu options in orange hover

[Jacob]

Hi again! You are great! I am using the theme “Market” (I think it is called). I want to make the white text in the right orange widget hover. How can I do that?

Thank you!

[Leo]

Hi there,

Not 100% sure if I understand.

You want to change the hover color for that widget?

If so give this CSS a shot:

.sidebar #nav_menu-3 a:hover {
    color: #000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Jacob]

Thanks Leo! It works perfect!
The only thing that seems strange is that I can’t adjust the hover color (guess it should be the color in customize>colors>Sidebar widgets>Link hover.. I guess there is some other code that overwrites it. (Now it’s black, which is ok but I mind as well ask since I have this topic open).

From what I can see, the orange widget does not change color etc. (But other widgets does)
Thanks

/Jacob

[Leo]

Sorry I’m a bit confused.

The CSS I provided above is setting the link hover color of that orange widget to #000 (black).

If you want to use the customizer to control it, then the CSS needs to be removed.

The customizer option will apply to all links in the sidebar widgets.

Does that help?

Let me know 🙂

[Jacob]

Sorry, I’m not so used to the codes. I understand now, then I will change the color in the CSS. Thanks, I missed the #000. (I will experiment with the color code)

Thanks

[Leo]

No problem 🙂

[Author]

Posts