Different Styling for Mega Menu with Block IFs

[Sail and Ski]

I'm trying to change the colour of various elements on certain pages. I have created a variable that links to a block if in the stylesheet. All seems ok in preview mode, however when I publish (which I have done numerous times) the changes do not seem to appear.

The live page can be seen here:

http://www.sailandski.co.uk/acatalog/Triathlon.html

Screenshot of preview attached.

Is this due to restrictions with how block if statements work in stylesheets or an I missing something?

[NormanRouxel]

The stylesheet layouts generate a single file "actinic.css" that is used for every page. Thus you cannot have page specific code in there.

It appeared to work in Preview as the file was generated for the page you were currently working on (it would have been wrong for all other pages).

What you could do is generate some <style>Page Specific CSS overrides</style> code that redefines the actinic.css rules. Place this in your Overall Layout somewhere after actinic.css and it should work.

[Sail and Ski]

Perfect, thanks Norman.

[Buzby]

Hi Ben,

Any pointers as to the code you used, and where you placed it?

I am also after a red Sale button.

[feemish]

How did you style the Mega Menu like that? It looks great! much better than what comes out of the box.
Any tips?