H2 class defining colour not showing

[graphicz]

Hi Guys

I am sure I am missing someting obvious here.....

I have made a variable HeaderColour.


In the Section Page Layout I have given the <h2> tag of SectionName the class of sectionheader.


class sectionheader is defined thus in css

h2.sectionheader {
	color:<actinic:variable name="HeaderColour" />;
}

The Value is defined in products


The other sections show (use parent =#400000) and in one section the variable is given a different value


On upload the colours do not show and inspecting element shows the colour is not present in css.


What almighty gaff have I made?????
http://www.graphicz.eu.com/hs/

Thanks

[leehack]

A variable is not going to add in the # for you, you'd need to do:

color: #<actinic:variable name="HeaderColour" />;

or add the # in before the hexadecimal

[fergusw]

Jonathan,

Where is the CSS defined? If it is in the Actinic CSS then there is your problem.
In the Actinic.css you can only have one CSS definition for h2.sectionheader.

If you follow your logic above you are trying to set the Colour value for this css property more than once i.e. Once at the catalog home level and then once at a lower section level.

Whilst inline styles are not ideal this would be one occasion where it would be handy to use
e.g.
<h2 styles="color:<actinic:variable name="HeaderColour" />;">TEXT</h2>

allowing multiple colours to be used throughout the site.

[graphicz]

Nice one Fergus, that did the trick. I had tried that while trying to make it work, but when h2 in the Actiinic style sheet specifies a colour it still overrode the inline style.

The # sign is included when entering the value for the variable, but you could put the # in the style and just enter the hex code if wished. (<h2 style="color:#<actinic:variable name="HeaderColour" />;">