Docs

[bluetroop2]

Please see the attached screen shot. I would like for the hover text in the submenu selections to be white, not red. What piece of CSS should I use to control that?

[bluetroop2]

Sorry, here is the URL… http://casa.bluetroop.com/

[Jade]

Hi there

You can add this under Custom > CSS in the Customizer.

.x-navbar .desktop .sub-menu a:hover {
    color: #fff;
}

Hope this helps.

[bluetroop2]

Excellent, thank you for your help.

[bluetroop2]

Sorry, one more question. The CSS for the hover text worked great, however when I have the sub-menu open and not hovering, the page I’m on as it pertains to the selection on the sub-menu still appears red (see screenshot). How can I change that?

[Jade]

Hi there,

Please update the code to:

.x-navbar .desktop .sub-menu .current-menu-item > a,
.x-navbar .desktop .sub-menu a:hover {
    color: #fff;
}

Hope this helps.

[bluetroop2]

Thank you, that fixed it. Works great.

[Rahul]

Glad that worked for you.

If you have anything else, let us know. We’d be happy to assist you with everything.

Thank You.

[Author]

Posts