Change rollover colour of main navigation

Travelify
1

I really feel I ought to be able to do this one and have resisted posting for fear of appearing dim!

I’d like to change the colour of the rollover in the drop downs that appear under the main navigation menu. Presently they rollover green and my my design is rather pink!

I thought that I would be able to change this css, but it has no effect:

a:focus,a:active,a:hover {
	color: #439f55;
	text-decoration: none;
}

to

a:focus,a:active,a:hover {
	color: #993165;
	text-decoration: none;
}

Please can you enlighten me?

Thank you!

2

Your given code would change only URL within body of the website and some other section where different color is not defined.

Here is an actual code to change menu item color in drop down when hovering over those items and when one of these items are in use.

#main-nav ul li ul li a:hover,#main-nav ul li ul li:hover > a,#main-nav ul li.current-menu-item ul li a:hover {
    color: 993165;
}

I hope this is the solution you were looking for.

3

Yes this is it! Thank you so much Aigars. I hope you don’t mind that I’ve changed your lovely green theme into a pink one. :wink:

4

Nah, I don’t mind as long as you still have a link back to my website in the footer :slight_smile:

5

Indeed I do!