Zen Cart Logo

Header image cutoff

Locked

Views: 1,613

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
29 Mar 2008, 6:17 AM
#1
spitt avatar

spitt

New Zenner

Join Date:
Mar 2007
Posts:
12
Plugin Contributions:
0

Header image cutoff

My header image is cutoff, it shows the wrong size.

I am using Zencart v1.3.8a.

My stylesheet. I changed in both the classic and free_blue template.

#logoWrapper
width:1023px;
height:194px;
background-image:url(../images/header-bg.jpg);
background-repeat:no-repeat;
}

header.php (free_blue template)

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'MMO Gold Sales');
  define('HEADER_SALES_TEXT', '');
  define('HEADER_LOGO_WIDTH', '1023px');
  define('HEADER_LOGO_HEIGHT', '194px');
  define('HEADER_LOGO_IMAGE', 'logo.gif');

The image in question is located at http://mmogoldsales.com.

:frusty:

I have a headache for trying to fix this. Any help on getting this to stop being cutoff, would be appreciated.

29 Mar 2008, 6:31 AM
#2
haredo avatar

haredo

Totally Zenned

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

Re: Header image cutoff

locate the stylesheet_new.css

Find this declaration:

  1. #headerContent {
    background:#1a7fb7 url('../images/header-bg.jpg') center center no-repeat;
    padding:10px;
    }Add this to it:
  2. height: 100px;The red text above need to be the size of your image......
29 Mar 2008, 7:08 AM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Header image cutoff

Someone when writing this template went right out and wrote outside of the Zen Cart framework....

While this was not necessary it is what they did so to control this look for and a height entry to:

#headerContent {
background:#1a7fb7 url('../images/header-bg.jpg') center center no-repeat;
padding:10px;
height: 191px;
}
29 Mar 2008, 3:08 PM
#4
spitt avatar

spitt

New Zenner

Join Date:
Mar 2007
Posts:
12
Plugin Contributions:
0

Re: Header image cutoff

I actually went with

#headerContent {
background:#1a7fb7 url('../images/header-bg.jpg') center center no-repeat;
padding:1px;
height: 194px;
}

Which worked great. Thank you both for helping me with this issue.
1 down, 3 to go.

30 Mar 2008, 4:53 AM
#5
haredo avatar

haredo

Totally Zenned

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

Re: Header image cutoff

S,
you are most welcome, glad you got the header fixed

What are the other 2 problems, I could help you fix???

30 Mar 2008, 9:13 AM
#6
spitt avatar

spitt

New Zenner

Join Date:
Mar 2007
Posts:
12
Plugin Contributions:
0

Re: Header image cutoff

unfortunately, the other problems are things i think I will need to have coded.

One however is getting the auction script to work with 1.3.8a.
Zen-AuctionsV.095. I guess I should have stuck with 1.3.7 of Zencart.