change background on either side from a colour to an image?

**highlander** · 1 Jun 2007, 03:30 AM

How do I change the background on either side of my page to an image instead of just a colour?

www.mccarthyhighland.com/shop

**Kim** · 1 Jun 2007, 03:50 AM

What sort of image?

**zas** · 1 Jun 2007, 08:02 AM

this is what you need to change, will need to take out background colour and place in image. Exact code I am not sure of unless I played with it.
http://tutorials.zen-cart.com/index.php?article=201

**highlander** · 1 Jun 2007, 01:05 PM

Kim, I have a background gif, the kind you tile to fill the space, that I'm considering using.

Zas, could you let me know what the code should be for me to do this? I'm running out of time to get this site up and running, and I don't know enough about CSS coding to handle this yet.

Thanks ,

Highlander

**Ryk** · 1 Jun 2007, 04:07 PM

In your stylesheet

Code:

body{
background-image: url(/includes/templates/custom/images/bg.gif);
}

**highlander** · 4 Jun 2007, 03:01 AM

thanks. I trid the code you supplied, but the image didn't show up? The background just changed to white? Do I need to do something for the image to "tile" and fill in all the available space around the central "page"?

**afo** · 4 Jun 2007, 04:24 AM

Try putting your image in the line I've higlighted in red. Pick a background color close to the main color in your image and replace the black that I have (000000).

Code:

#mainWrapper {
	background-color: #000000;
  background-image: url('../images/space011.jpg');
	text-align: left;
	width: 100%;
	vertical-align: top;
	}

**highlander** · 5 Jun 2007, 12:58 PM

Thanks! I discovered by playing around that your chunk of code needs to be in the " body { " portion of the stylesheet. Works fine......but I didn't like the background image afterall.