Site Background Image

[edeades]

I am brand new to zen cart. I am having trouble getting my background image to show up. I have tried adding the background image under BODY in my stylesheet.css. I can change the color under BODY on my stylesheet and that change does work. When I add the image, it does not show up. Here is my BODY code.

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #E8F7F9;
background-image: url('../images/body_bg.jpg');
background-repeat: repeat-x;
background-position: center top;
}

Thanks for any assistance!

[haredo]

I am brand new to zen cart. I am having trouble getting my background image to show up. I have tried adding the background image under BODY in my stylesheet.css. I can change the color under BODY on my stylesheet and that change does work. When I add the image, it does not show up. Here is my BODY code.

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #E8F7F9;
background-image: url('../images/body_bg.jpg');
background-repeat: repeat-x;
background-position: center top;
}

Thanks for any assistance!

Ed,
Leave out the single quotes..

EX: 1. background-image: url('../images/body_bg.jpg');

Change to this:

1. background-image: url(../images/body_bg.jpg);
2. use your ftp program to place the image to this path..
3. includes/ templates/ your_template/ images/ body_bg.jpg
   

[edeades]

Taking off the single quotes fixed it.

Holy Cow haredo, thanks so much!

[haredo]

Ed,
Your Welcome..

Nice site by the way..

[TheTiz]

I am having issues with this as well. I am trying to have my background graphic cover the entire background of the page. Like replacing the white color that's there already. I followed the instructions here, and all that happened was my background graphic showed up where the main header navigation "box" is, with the background of the page remaining all white. Not what I was hoping would happen. ;)
I've changed it back to the stock template for the time being. Here is the code I have currently:

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #3B3B39;
background-color: #FFFFFF;
background-image: url(../images/container_shadows.jpg);
background-repeat: no-repeat;
background-position: center top;
}

And the site is http://flutterandfly.net/shop