Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Site Background Image

Site Background Image

Locked

Views: 1,828

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
17 May 2009, 10:02 PM
#1
edeades avatar

edeades

New Zenner

Join Date:
May 2009
Posts:
25
Plugin Contributions:
0

Site Background Image

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!

17 May 2009, 10:33 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,176
Plugin Contributions:
0

Re: 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!

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
19 May 2009, 2:49 AM
#3
edeades avatar

edeades

New Zenner

Join Date:
May 2009
Posts:
25
Plugin Contributions:
0

Re: Site Background Image

Taking off the single quotes fixed it.

Holy Cow haredo, thanks so much!

19 May 2009, 3:20 AM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,176
Plugin Contributions:
0

Re: Site Background Image

Ed,
Your Welcome..

Nice site by the way..

28 May 2009, 1:06 AM
#5
thetiz avatar

thetiz

New Zenner

Join Date:
May 2009
Posts:
7
Plugin Contributions:
0

Re: Site Background Image

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