Menu Item background color

How can I have a different background color to each menu item?

menu-color.gif

If I know how to do 1, then I'll manage the rest

Big thanks!

You can use override.css and :nth-child() css pseudoselector.

Thanks, but what is ":nth-child() css pseudoselector"?

Do I put something in css / override file and then in the menu item "Page Class"?

Any pointers? Sorry, but I don't know where to start with this? I guess if you could help me with 1 button, I would be able to do the rest.

O'k, here is the live URL - hope you can help me out?

http://starsaver.co.za/testsite/index.php

Please edit: /templates/gk_publisher/css/override.css and add at its end:

Code: Select all

.gkMenu > ul > li:nth-child(2) > a {background: red;}


for second element.
Remember to enable "CSS override" in template settings - advanced section.

Joy! Thank you

Please let me know if you would have any additional questions regarding this topic.

Nope, thanks - mission accomplished