How to change/remove menu hover in CSS | WordPress.org

Resolved jantuti
(@jantuti)

5 years, 10 months ago

Hi!

Could please someone help me with creating working CSS code? I would like to change color hover in menu (I did change the underline color in the menu but couldn’t do the same with the hover). The hover is blue and I wanted to change it to yellow as the main color of the site. I have been using plugin that can show me CSS code of the site but I couldn’t find anything with the hover.

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

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

Prashant Singh
(@prashantvatsh)

5 years, 10 months ago
Please add the following CSS in Appearance -> Customize -> Additional CSS:
```
.coloured-nav ul.dropdown-menu.active-line-bottom>li:not(.current-menu-item):not(.current_page_item):hover>a {
    color: #FCD21D !important;
}
```
I hope this will fix your issue.
Thread Starter jantuti
(@jantuti)

5 years, 10 months ago

@prashantvatsh thank you so so much! It worked! I am do glad and thankful! 🙂 Thank you!

Thread Starter jantuti
(@jantuti)

5 years, 10 months ago

Oh @prashantvatsh sorry, I didn’t notice that the “HOME” page is still blue in the hover, do you have any solution here?
Prashant Singh
(@prashantvatsh)

5 years, 10 months ago
Please add the following CSS for that:
```
@media only screen and (min-width:768px){
    ul.dropdown-menu>li:hover>a {
        color: #FCD21D !important;
    }
}
```
Thread Starter jantuti
(@jantuti)

5 years, 10 months ago

@prashantvatsh Thank you so much! Everything works perfectly!

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

The topic ‘How to change/remove menu hover in CSS’ is closed to new replies.

Tags

In: Fixing WordPress
5 replies
2 participants
Last reply from: jantuti
Last activity: 5 years, 10 months ago
Status: resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics