Forums / Templates, Stylesheets, Page Layout / Header_bg.jpg not showing at true size

Header_bg.jpg not showing at true size

Locked

Views: 2,042

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
5 Aug 2006, 5:30 AM
#1
angelanger avatar

angelanger

New Zenner

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

Header_bg.jpg not showing at true size

I apoligise in advance for what may seem like a newbish question but I've searched in the faq and used the devlopers tools in my admin area with no sucess.

I've installed at https://www.populuxebooks.com and can not get the header_bg.jpg to show at it's correct size. You can see the entire view of the file at http://www.populuxebooks.com/includes/templates/classic/images/header_bg.jpg

I'm using the most current download of zencart and modding the classic template.

Any help pointing me at the correct file to mod would be appreciated.

5 Aug 2006, 6:56 AM
#2
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: Header_bg.jpg not showing at true size

Add the height into this section, like this:> TABLE.header {

background-image: url(http://www.populuxebooks.com/includes/templates/classic/images/header_bg.jpg%29;
background-repeat: repeat-x;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
height: 290px;
}

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

5 Aug 2006, 7:13 AM
#3
angelanger avatar

angelanger

New Zenner

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

Re: Header_bg.jpg not showing at true size

Thanks a ton, Doc

19 Feb 2007, 12:53 PM
#4
ericet avatar

ericet

New Zenner

Join Date:
Dec 2005
Posts:
32
Plugin Contributions:
1

Re: Header_bg.jpg not showing at true size

How do I modify the height in the Red Passions Template?

Hi,

I'm trying to use the Red Passions Template for my ZenCart but I want to modify the height. What I need is the upper section needs to be smaller. So that there is not all that blank space below the logo and the home, login buttons.

See this link for an example. I tried to modify the CSS but I can't figure it out to make it work.

https://www.macdev.ca/zencart.jpg

Thanks in advance.

Eric

19 Feb 2007, 3:23 PM
#5
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: Header_bg.jpg not showing at true size

ericet:

How do I modify the height in the Red Passions Template?

Hi,

I'm trying to use the Red Passions Template for my ZenCart but I want to modify the height. What I need is the upper section needs to be smaller. So that there is not all that blank space below the logo and the home, login buttons.

See this link for an example. I tried to modify the CSS but I can't figure it out to make it work.

https://www.macdev.ca/zencart.jpg

Thanks in advance.

Eric

Do you have a live link we could see?

20 Feb 2007, 2:33 AM
#6
ericet avatar

ericet

New Zenner

Join Date:
Dec 2005
Posts:
32
Plugin Contributions:
1

Re: Header_bg.jpg not showing at true size

No, it's not online yet. Do I need to modify the stylesheet.css and if so what do I need to modify? Or is there another file I need to modify?

I tried a whole bunch of things with no results, none that I want at least.

Eric

20 Feb 2007, 3:02 PM
#7
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: Header_bg.jpg not showing at true size

ericet:

No, it's not online yet. Do I need to modify the stylesheet.css and if so what do I need to modify? Or is there another file I need to modify?

I tried a whole bunch of things with no results, none that I want at least.

Eric

Did you attempt to change the logoWrapper height in the stylesheet? This is what the default is set at for the red passion template:

#logoWrapper {
background-color: transparent;
height:282px;
}

Change it to your logo's height.

The easiest way to determine what needs to be changed in the stylesheet is to view the source of your site. You can look where the logo HTML is, and see that there is a <div id="logoWrapper"> and a <div id="logo"> near the logo, then find that div in the css to adjust.

20 Feb 2007, 11:00 PM
#8
ericet avatar

ericet

New Zenner

Join Date:
Dec 2005
Posts:
32
Plugin Contributions:
1

Re: Header_bg.jpg not showing at true size

Hi,

Yes, I did actually change this value.

#logoWrapper {
background-color: transparent;
height:170px;
}

But see the results:

http://www.macdev.ca/zencart2.jpg

I don't know what to do... Should be pretty straight forward but it's not.

BTW: Thanks for trying to help me resolve this problem.

Eric

21 Feb 2007, 12:46 AM
#9
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: Header_bg.jpg not showing at true size

ericet:

Hi,

Yes, I did actually change this value.

#logoWrapper {
background-color: transparent;
height:170px;
}

But see the results:

http://www.macdev.ca/zencart2.jpg

I don't know what to do... Should be pretty straight forward but it's not.

BTW: Thanks for trying to help me resolve this problem.

Eric
AhA!

Open up includes/languages/english/YOUR_TEMPLATE/header.php and change the height there.

21 Feb 2007, 11:31 PM
#10
ericet avatar

ericet

New Zenner

Join Date:
Dec 2005
Posts:
32
Plugin Contributions:
1

Re: Header_bg.jpg not showing at true size

You are a ZenMaster!

Here is the final solution:

I created this folder (copied an existing one)
I did not modify anything there because it had
no impact.

includes/languages/english/YOUR_TEMPLATE/header.php

Then I changed the height in:

/Library/WebServer/Documents/batterywh/includes/templates/YOUR_TEMPLATE/css/stylesheet.css

#logoWrapper {
background-color: transparent;
height:145px;
}

Once I'm done doing my modifications I will create a new
template with this called oCanada or something like that.
I have a couple of other changes I want to do to it first.

Again, thanks a million for your help.

That's why I like ZenCart so much because there are so
many great people helping others.

Eric