I would like to change the back ground to my image. Can someone please let me know where I change that on the stylesheet. I know there are a couple places and I want to make sure I do it right the first time.
Thanks,
Laurie
I would like to change the back ground to my image. Can someone please let me know where I change that on the stylesheet. I know there are a couple places and I want to make sure I do it right the first time.
Thanks,
Laurie
Aah - you'll never learn anything if you do it right the first time!
Be a bit more specific - which image and where..header, footer, body, sidebox, centerbox??
Even better, as this is a visual thing, how about a url so we can see your problem?
Development Manager @ JSWeb Ltd
Over 15 years with Zencart
Thanks for your help. my website is http://studiofrenzy.com/ and that is the background I would like on my zen cart. Currently it is white http://studiofrenzy.com/ZenCart/
I would like the background to be like the following website http://www.fanodyssey.org/
I like how the stars are behind the side boxes.
Thanks!!!
You can add your background to either body{} or #mainWrapper {} depending on the coverage area you want.
Find
body {
and add
background-image: url(../images/yourbg.gif);
Load the image file into /includes/templates/your_template/images/.
You will need to remove background-color and background-image properties from most places they occur in your stylesheet. Test as you go.
I am having a similar problem. I want my image to be the background of everything. Text, boxes, products, everything. Here is my current code.
body {
color:#000000;
font:.75em/1.5 'trebuchet ms', arial, sans-serif;
background-image: url(/includes/templates/free_red/images/marble_dark.jpg);
background-repeat: repeat-x; }
margin:0 15px;
}
Any idea why it is not working? The background remains white.
www.bb5t.com/zen
NOTCode:background: #ffffff url(../images/background_your name.jpg);
Code:background-image: url(/includes/templates/free_red/images/marble_dark.jpg);
That's a start, but it only went behind part of the page. What and where do I change the colors to transparent so the background shows all over?
Thanks in advance
Search your stylesheet for "background" and eliminate colors wherever you find them. Test each one to be sure you actually do want to eliminate it.
Using FireFox's Firebug add-on is great for this kind of thing. You can go in and delete or add stylesheet code where ever you want to and see the changes right there in real time. And best of all.. you're not messing up your files tweaking to your heart's content ... You just refresh and voila! back to normal
I usually keep a pencil and paper handy.. and I jot down the changes that do what I want and then I go into the stylesheet and make them. Very handy!
Bookmarks