I wish to style the active link (ie. when home page is selected that the home page link be a different colour)

.current-menu-item a { color: #36c; }

My test site is : www.milknhny.co.uk/ShopTest

I placed this in the CSS as i believe this was the class that i wished to change, however it does not appear to have worked.

Could i please ask where i have gone wrong on this?


2 Answers 2


You will have to set #menuwrap ul li.current-menu-item a to the color and style you want.

The Problem is actually a CSS issue - because the CSS is more specific if an ID of an element is defined (like in your #menuwrap ul li a), so the above definition is even more specific and is used instead of the current one.


This is your code for CSS:

#menuwrap ul li.current-menu-item a{ color: #36c; }

I would also suggest you to use Opera's Dragonfly, FireFoxe's Firebug or Chrome's Developer Tools to debug your CSS, JS and other things...

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.