image background

i use afterburner on my joomla site. i want to use an image as background for the whole site. how do i do that? which part of css file i should modify? btw, i use light4 style. thanks!! here's the link http://trulygoalie.com

 

try to put this in your css file

body {
background: url(../images/bg-image.jpg) center center no-repeat;
}

Code (markup):

the bg-image.jpg file (your image) must be in folder images, inside your template folder

i also recomend to some reading here: w3schools.com

 

it didn't work

 

well, i did it (almost)! i replaced this:

.background {position:absolute;width:100%;height:130px;background:url(../images/light3.png) 0 -384px repeat-x;}

Code (markup):

with this:

.background {
    position:absolute;width:100%;
    height:955px;
    background: #fff url(../images/your_custom background.png) no-repeat center top;
}

Code (markup):

however, the background image doesn't cover the whole frontpage. there's still white area on the frontpage and some other pages from the middle all the way to the bottom.
the image size i use is 1600px x 955px.

to make it clear, here's how it looks:
http://trulygoalie.com/
http://trulygoalie.com/goalie-gloves/diadora