How to change the color of the menu bar on hover?

HTML & CSS
1

This is my site http://classichits.ie/

I am not able to change the text color on hover.

Perhaps, I am not choosing the right id or class.

Please help me ASAP.

thanks.

2

In your css you have .nm > li > a setting the text color for the purple navigation bar. Did you try adding a color to .nm > li > a:hover yet?

3

yes, i did. No luck.

4

as WebMachine said, you should be able to do it like this :slight_smile:

.nm > li > a:hover{ color: white !important; }

1264×686 356 KB

5

I have done this is custom css, but due to some its not working.

6

You seem to have set the link color to the same as the background so it becomes invisible?

.nm > li > a:hover {
    color: #e81975 !important;
}

Change the color if you want to see it.

7

hi paul. thanks for replying.

the background is white and my color code is somewhat pink. So, I am sorry I dont get why its not appearing.

8

Are we talking about the same menu?

Everyone else is talking about the pink menu in the middle where the text is disappearing?

9

Oh no no no. I am talking about the main menu. The one at the very top.

10

That seems to be working and the text turns pink on hover?

11

No, thats actually red instead of the pink. I want the pink of the bottom menu bar.

12

Add this rule and change the color to suit.

#menu-main li a:hover {
    color:green;
}
1 Like
13

it works great. thanks.

20

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.