Override css-class for one color style

Hello,

i saw postnote isn't supported in the forum anymore, so i try it here.
i had made a third style for the template and this has worked fine, but now i see there are some css rules the same for all three styles and i want to change only a single one (for the menu color).

I tried it with the override.css but that hasn't worked. Perhaps i do something wrong there.

Can somebody help me to change only a single css rule for one style?

Do i need there an if/else condition or can i make it just within the *.css?

Thanks Markus

It would help if you can post a link to your website...

The way templates works are as follows
first template.css
then stylex.css
then override.css
then templates custom css rules if there is any
then module css files

last one will overwrite the previous ones if there are same classes.

The way I always do this is to remove the the respective global CSS part from template.css then place this into each style1,2,3 file at the bottom....Any changes can then be made directly to the style<number>.css individually...The downside of this is that any template upgrades require this to be added again hence I put at the bottom ..

Dave