X-Cart forums

[fiberglass.supply]

how do I add a background image behind page container?

[totaltec]

This simple question could easily open a whole can of worms.

Really depends on what skin you are using, and what you want the background image to do (repeat, stretch, center, etc.).

Lets say you are using ideal_comfort, and you want a repeating background image.

html, body{
background: #4fd6f0 url(http://www.freeimagehosting.net/newuploads/lgqjd.jpg)  center top;
}

This code also sets the background color.

I made you a quick playground where you can experiment: http://jsfiddle.net/JE3E8/1/

[fiberglass.supply]

I found the answer on another post but people were saying you cant do background image in html,body{} and that you would have to split the 2 or something like that, so thats why i still posted to see if there would be an easier answer, i did it in about 20 seconds with your response. it was so easy i should of just tried it. I work on a live site so sometimes i am worried of screwing things up especially because of my limited css knowledge. Getting more comfortable using and tweaking css with the help of firebug.

Thank you so much, I didnt do the background image but i did do backgroud color instead to keep page download time small, i also had to change page container in the middle to white. Looks great. I can't believe all the help i am getting on this forum from a few gurus out there.

Oh btw Totaltec, i ordered my barcode scanner today Hope your mod isnt going to cost a fortune, i checked out the one from bcs but even though the options are nice the look and feel isnt. waiting on yours to see what it is going to look like.