Zen Follower
- Join Date:
- May 2007
- Posts:
- 125
- Plugin Contributions:
- 0
change background on either side from a colour to an image?
How do I change the background on either side of my page to an image instead of just a colour?
Views: 2,124
Zen Follower
How do I change the background on either side of my page to an image instead of just a colour?
Obaa-san
What sort of image?
Zen Follower
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.
https://www.zen-cart.com/tutorials/index.php?article=201
Zen Follower
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
Totally Zenned
In your stylesheet
body{
background-image: url(/includes/templates/custom/images/bg.gif);
}
Zen Follower
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"?
Totally Zenned
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).
#mainWrapper {
background-color: #000000;
background-image: url('../images/space011.jpg');
text-align: left;
width: 100%;
vertical-align: top;
}
Zen Follower
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.
Tell staff why this post should be reviewed.