adding my own header image to sideboxes

I want to create my own header for the sideboxes, and I want a different header for each side box.

I have created the image and inserted in the correct part of the style sheet, however, it applies the image to all of the sideboxes not just one.

this is the bit of code I have beed changing, how do I have a separate bit of code for each sidebox??

And how do I get rid of the text that is already there as part of the template?

h3.leftBoxHeading, h3.leftBoxHeading a {
font-size: 1.2em;
color: #ff8000;
padding-left: 0px;
background-image: url('../images/sidebox2ourproducts.gif');
}

Each sidebox has its own heading statement, though they may not be in the stylesheet by default - you'll have to add them.

Ex: #categoriesHeading, #informationHeading, #ezpagesHeading, etc.

We'll have to see the site to know what text you're referring to, but:

https://www.zen-cart.com/tutorials/index.php?article=38
https://www.zen-cart.com/tutorials/index.php?article=39

There are several techniques you can use to achieve this, but the one you are using is basically on the right track.

Stevesh is also pointing you in the right direction.

I achieved the result you are looking for on THIS site.

and if you click HERE, you will see a copy of the stylesheet that governs the images for the sidebox headers. Go to the bottom of the stylesheet to see the section I wrote governing the styling and placements of these images.

Try the Image Titles mod in Free Addons. It automates the substitution for any sidebox where you save a correctly named image.