PDA

View Full Version : changing colour of header on each page


richcodesign
02-24-2010, 01:23 PM
What is the best way to go about having the product header box show as a different colour on each page/section?

eg. i would like this page to have the blue area to be green (where it says"STEP TREADS")
http://www.colourchips.co.uk/anti_slip_products/step_treads.html
and the next page i would like to remain blue (where it says"LANDING COVERS")
http://www.colourchips.co.uk/anti_slip_products/landing_covers.html

I have used a color on my css of this header - and wonder if there is an easier way than assigning a different css style just for this?

DWcourse
02-24-2010, 01:47 PM
Give the body of each page a unique ID such as <body id="steptreads">.

You can do this inside a template by using selecting the body tag in the Status Bar at teh botom of the document window and selecting menu: Modify>Templates>Make Attribute Editable. And then assigning the id on a page by page basis using menu: Modify>Template Properties.

Then create style rules like:

#steptreads .productnameHeading {insert style properties} to set the colors.

richcodesign
02-24-2010, 02:00 PM
oh right.. hetick!
More involved than i first thought!

DWcourse
02-24-2010, 02:11 PM
Well, there is an easier way. Make a custom style for the product header on each page and apply it on a page-by-page basis:

.productnameStepTread {properties}
.productnameLandingCovers {properties}

richcodesign
02-24-2010, 04:17 PM
thanks... not being lazy, but that may work better for me! thanks