Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Different coloured centerBox headings

Different coloured centerBox headings

Locked

Views: 1,001

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
26 Mar 2007, 2:15 PM
#1
cal avatar

cal

New Zenner

Join Date:
Feb 2006
Posts:
54
Plugin Contributions:
0

Different coloured centerBox headings

Hi

Does anyone know how to change the centerBox heading colour/background image so that featured products, new products and specials have different coloured heading bands?

They all use the: <h2 class="centerBoxHeading"></h2> tag. Is there anyway to over ride this, so that each product grouping is colour co-ordinated?

Cheers

Cal

26 Mar 2007, 2:30 PM
#2
crazycucumber avatar

crazycucumber

Zen Follower

Join Date:
Jan 2006
Posts:
403
Plugin Contributions:
0

Re: Different coloured centerBox headings

Cal:

Hi

Does anyone know how to change the centerBox heading colour/background image so that featured products, new products and specials have different coloured heading bands?

They all use the: <h2 class="centerBoxHeading"></h2> tag. Is there anyway to over ride this, so that each product grouping is colour co-ordinated?

Cheers

Cal

Can all be done in the css , find your

.centerBoxHeading{

    line-height:20px;
	color: #FFFFFF;
	background-color: #000033;
}

and make a copy and add the type to the begining after the default .centerBox heading in the CSS ( so at the bottom ) like this - and make the changes you want

#featuredProducts .centerBoxHeading{

    line-height:30px;
	color: #FFFF00;
	background-color: #000066;
}
	

have fun

26 Mar 2007, 2:36 PM
#3
cal avatar

cal

New Zenner

Join Date:
Feb 2006
Posts:
54
Plugin Contributions:
0

Re: Different coloured centerBox headings

Cheers Crazy, that has indeed done it. :)