Looking at achieving this in a traditional CSS file

h1 {color: #006600; font-size: 2.5em; line-height: 1.5em; }
h2 {color: #333333; font-size: 1.7em; line-height: 1.5em; }
h3 {color: #006600; font-size: 1.7em; line-height: 1.5em; }
h4 {color: #333333; font-size: 1.5em; line-height: 1.4em; }
h5 {color: #006600; font-size: 1.5em; line-height: 1.4em; }

Add this to custom.css and it doesn't get picked up as the template.css takes precedence

I use this concept of alternating colour styles when going down longer pages of content using different colours as a way of breaking the visual monotony.

How to best achieve this?

Hi Andrew

Have you tried making the styles more specific e.g. adding a class to the heading tag?

Cheers
Paul

Didn't know I could
Show me the way ... oh master <grin>

it would be a case of adding something like below to the custom css file

h1.classname1{color: #006600; font-size: 2.5em; line-height: 1.5em;

h2.classname2 {color: #333333; font-size: 1.7em; line-height: 1.5em; }

then in the html

<h1 class="classname1">My Heading1 content</h1>

Try that

If its not working after that can you post a link for the site

Cheers
Paul

I have serious browser cache issues with Safari and Firefox
Disable cache and cookies makes no difference.
Changes made and saved are ONLY reflected if I shut down the browser and restart after any change.

Vivaldi is the answer for me

Apologies for the distraction Paul

I'm make sure its not server caching - siteground has it enabled by default

Good luck with it

Cheers
Paul