Zen Cart Logo
Forums / General Questions / Add background image in Edit Category Description

Add background image in Edit Category Description

Views: 853

Results 1 to 2 of 2
21 Nov 2011, 1:59 AM
#1
esugrue avatar

esugrue

Zen Follower

Join Date:
Jun 2004
Posts:
182
Plugin Contributions:
0

Add background image in Edit Category Description

Hi!

I am looking to add a background image to the Category description box - and then place text over the image something like this

http://www.lemongrassmedia.com/images/bowel_001.jpg

where the woman would be the background image and then I would add text as needed in the light areas.

That way if I changed the text I wouldn't have to change the image etc.

I tried using the code <body background="value"> but that made the whole page have the background image not just the category box area.

I'm probably not explaining myself very well, but anyone know how to do it?

If all else fails I can create a full image and use it with text on the image but wanted to see if I could do it this way first

21 Nov 2011, 4:46 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Add background image in Edit Category Description

You can do this using CSS and Zen Cart's per-category stylesheet feature.

Create a file named like c_123.css (where 123 is your category id), with content like

#indexProductListCatDescription {background: #aabbcc url(../images/yourcat123bg.gif); height: 120px;}

Save in /includes/templates/your_template/css/, and save the image file in /includes/templates/your_template/images/.