using background images in css

[jas99villa]

Not sure how to explain what I want to do but I will have a go...

The catagory header colours can be changed in the css but can I put an image in there and if so how do I do it?

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
padding: 3px;
font-weight: bold;
border-bottom: 1px solid #222;
background-color: #333;

That is the section of css I want to change from the background colour to an image if possible? I have even added a screen capture!

[jas99villa]

I have just looked in the classic template css as that uses background images and saw this:

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

So would it be OK to try the same for my one?

[KaeFeE]

Just add
background-image:YOUR_FILE_IMAGE;
background-repeat:no-repeat;

[Kim]

background-image: url(../images/YOUR_IMAGE.gif);

Above is the correct format and the image goes in includes/templates/YOUR_TEMPLATE/images

[KaeFeE]

I'm sorry, My mistake. Thanks Kim.