header_bg.jpg

[greatlakesherbalife]

I changed my header_bg.jpg image, and now nothing shows up. Why? http://greatlakesherbalife.com/

[kuroi]

Actually your image is showing up perfectly. The problem is that it's absolutely enormous, 2160 pixels wide, by 1170 pixels high, so all we can see is a strip of white in the top left hand corner.

The image needs to be reduced dramatically in size and you may need to make your header taller as the proportions of that image aren't going to fit very well into the space available currently.

[greatlakesherbalife]

so, what should I change my pixel width to, and how do I change my space availible for pixel height?

[g1smd]

You need to change the size in an image editor and save it as a new, smaller, file.

[daltonkost]

Can't view you site, all I get is My SQL Server has gone away, so can't really advise as to proper dimensions, but here is where you can change the sites width. Find this in your stylesheet around line 180

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 1024px; (change 1024px to suit)
vertical-align: top;
border: 2px solid #191970;

And here is where you can change the height (also in the stylesheet, around line 190)

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:80px; (change 80px to suit)

All that having been said, sound like you need a different image for your header.

Good Luck, hope this helps.

Dalton

[stevesh]

Your site is set to a mainWrapper width of 750px, and a logoWrapper height of 75px. If that's how you want the site to look, then resize your image to 750 X 75. If not, make the changes dalton recommended and resize the image accordingly.

[greatlakesherbalife]

Ok.. First.. I did order the Zen Cart book.... still waiting on it.... I got the logo to appear... but now it tiles across the top.. I thought commenting out the repeat section would fix this...

#logoWrapper{
background-image: url(../images/header_bg.jpg);
/*background-repeat: repeat-x;*/
background-color: #ffffff;
/*height:75px;*/
height:110px;
}

But that doesn't seem to work. I want just one logo... Where do I go now?

[greatlakesherbalife]

Thanks for the help so far!!!!!