Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Background image won't display

Background image won't display

Locked

Views: 1,177

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
30 Nov 2007, 8:21 AM
#1
bgroup99 avatar

bgroup99

Zen Follower

Join Date:
Aug 2006
Posts:
197
Plugin Contributions:
0

Background image won't display

Hi,

On http://demo.thebricktongroup.com, I have a background image (http://www.demo.thebricktongroup.com/images/llbgimage.jpg) set in the stylesheet:

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
background-image: url('http://demo.thebricktongroup.com/images/llbgimage.jpg');
}

but when you go to the site, there is no background image...? Any advice?:smile:

Thanks,

Nate

30 Nov 2007, 9:13 AM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Background image won't display

When I look at your CSS it says > body {

margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
background-image: url(../images/llbgimage.jpg);

}which means that it's looking for the image in your templates/custom/images folder, which is the right place for it, but not where you've put it.

30 Nov 2007, 4:12 PM
#3
bgroup99 avatar

bgroup99

Zen Follower

Join Date:
Aug 2006
Posts:
197
Plugin Contributions:
0

Re: Background image won't display

Thanks. That made the image appear to the left and right of my store (http://demo.thebricktongroup.com) -- how do I set a background for the store itself in the center of the page (the space that currently has the white background?

Thanks,

Nate

30 Nov 2007, 4:21 PM
#4
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Background image won't display

You remove the white backgrounds so that your site's background can show through. Look for the background-color lines for #mainWrapper and #navBreadCrumb. Deleting them will get rid of most of the white.