Change Hover Colour on Left Menu Bar

[Michael Smith]

Hello,

I am wondering how I change the colour code for the left menu when hovering. As you can see from http://edgestudios.ca/edge-studios/ the hover colour being white makes it disappear on white backgrounds.

I have hunted through the CSS to no avail.

Thanks,
Michael

[Veena]

Pls use the below custom CSS in themeoptions –

#top-header-area ul.contact-info > li:hover, #top-header-area ul.contact-info > li > a:hover, #top-header-area #header-menu > ul.menu > li > a:hover {
    color: #fff;
}
#top-header-area ul.contact-info li i:hover {
    color: #fff;
}

[Michael Smith]

Hi there,

This didn’t work – it’s still showing as white. Could you please advise? I did change the colour codes in your snippet of code to be black.

[Veena]

Atpresent its black in color while hovering. Can you pls check in incognito window.

[Michael Smith]

What does an incognito window mean?

Also – is it possible to get email notifications on this topic?

[Veena]

Incognito window is private browsing.
Also – is it possible to get email notifications on this topic?
Yes, you will get email notification if you subscribe.

[Michael Smith]

No change even with private window and original code. Please advise. Also I don’t see a subscribe button.

Thanks.

[Veena]

But i am seeing the change.
May be i am not clear about the query.
Can you pls clarify what exactly you need to change?

[Michael Smith]

What I am trying to do is change the lefthand menu bar when you hover over it.

These are the links:

Edge Studios
Edge Studios Faculty
Dance Initiative
Winter
Summer School
Guest Faculty

When you hover on them they go white.

[Veena]

You pls try the below custom CSS to change the left sidebar menu hover color-

.sidebar li > a:hover {
    color: #b96e2a;
}

[Michael Smith]

Great thanks, that worked.

Now, however, the parent page is still going white, if a child page is hovered over. Hover over Winter (under Dance Initiatives) for example.

Please advise, thanks.

Michael

[Veena]

Pls have the below custom CSS –

.sidebar li:hover > a {
    color: #b96e2a;
}

[Michael Smith]

That works, thank you!

[Author]

Posts