Simple CSS. Change menu color

You should not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

I am already using a custom CSS plugin. And I’m trying to edit it via that plugin but it wont work

Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

I used the Browsers-build-in troubleshooters and couldnt find anything on how to do this.

Try…

#mainnav ul ul li a {
background-color: #ff00ee;
}

Tried that, and it works, but I need it for that ONE menu only. Not for all

Then create another class

#mainnav ul ul li a.AProduct{
background-color: #ff00ee;
}

Add this class as product menu class