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?
Started by highlander on 1 Jun 2007, 2:30 AM · Views: 2,133
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?
Please do not PM for support issues: a private solution doesn't benefit the community.
Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.
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
We live in a rainbow of chaos ~ Paul Cezanne
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);
}
Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
20 years with Zencart !
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;
}
Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.
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.