Forums / Basic Configuration / header_bg.jpg

header_bg.jpg

Locked

Started by greatlakesherbalife on 18 Apr 2010, 6:58 PM · Views: 1,386

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
18 Apr 2010, 7:19 PM
#2
kuroi avatar

kuroi

Totally Zenned

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

Re: header_bg.jpg

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.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

18 Apr 2010, 9:21 PM
#3
greatlakesherbalife avatar

greatlakesherbalife

New Zenner

Join Date:
Apr 2010
Location:
MI
Posts:
14
Plugin Contributions:
0

Re: header_bg.jpg

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

18 Apr 2010, 9:52 PM
#4
g1smd avatar

g1smd

Zen Follower

Join Date:
Mar 2010
Location:
UK
Posts:
449
Plugin Contributions:
0

Re: header_bg.jpg

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

Online since 1995.

18 Apr 2010, 9:52 PM
#5
daltonkost avatar

daltonkost

Zen Follower

Join Date:
Oct 2009
Location:
Smack in the Middle
Posts:
127
Plugin Contributions:
0

Re: header_bg.jpg

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

Skin that 'un pilgrim, and I'll bring ya' another.
Running 1.3.9h with a few mods here

19 Apr 2010, 9:32 AM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: header_bg.jpg

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.

21 Apr 2010, 6:07 AM
#7
greatlakesherbalife avatar

greatlakesherbalife

New Zenner

Join Date:
Apr 2010
Location:
MI
Posts:
14
Plugin Contributions:
0

Re: header_bg.jpg

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?

21 Apr 2010, 6:19 AM
#8
greatlakesherbalife avatar

greatlakesherbalife

New Zenner

Join Date:
Apr 2010
Location:
MI
Posts:
14
Plugin Contributions:
0

Re: header_bg.jpg

Thanks for the help so far!!!!!

21 Apr 2010, 9:03 AM
#9
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: header_bg.jpg

Try changing the repeat part to repeat:no-repeat;

Do you want just that small image in the header?

21 Apr 2010, 10:12 AM
#10
greatlakesherbalife avatar

greatlakesherbalife

New Zenner

Join Date:
Apr 2010
Location:
MI
Posts:
14
Plugin Contributions:
0

Re: header_bg.jpg

Actually, I want to eventually add on to the header, but I need to work on my image, but for now, yes.