Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Reduce the Main page header image to rise the content below.

Reduce the Main page header image to rise the content below.

Locked

Views: 1,691

Results 1 to 17 of 17
This thread is locked. New replies are disabled.
27 Nov 2010, 10:15 AM
#1
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Reduce the Main page header image to rise the content below.

Hi,
Mainly I tried to reduce the height of the main page's top image (the top image we can see on all of our zencart pages) to rise the page content that is below (from the first horizontal categorie list of zencart and below) .

The image is reduced but the layout that is below doesn't go up.

Secondly I would like to use this top image as a background of the zencart top page, to be able to write some text on it.

Would it be possible?
Thanks for any help you can give me.

27 Nov 2010, 10:38 AM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Reduce the Main page header image to rise the content below.

It would help if we could see the site. You might check what the height of #logoWrapper is set to in the stylesheet.

27 Nov 2010, 11:03 AM
#3
stevesh avatar

stevesh

Black Belt

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

Re: Reduce the Main page header image to rise the content below.

Sorry, I'm not sure what you're asking. Your header image is 1427px × 244px (scaled to 1264px × 216px). If you want it smaller, you'll need to make it smaller in your image editing software.

27 Nov 2010, 3:01 PM
#4
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Re: Reduce the Main page header image to rise the content below.

Yes, I reduced it to 1427 x 145 and changed the size indicated in includes/templates/template_default/images.

Doing this I hoped the beside whole page would go upper. But nothing goes up. It just leave a blank space between the image and the rest of the page.

Would it be possible to reduce the image, get the rest of the page go up and use the image as a background to write text on it?

27 Nov 2010, 6:30 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Reduce the Main page header image to rise the content below.

You need to redefine the logo height and width:

/includes/languages/english/your_template/header.php

Line #22 : define('HEADER_LOGO_WIDTH', '192px');

Line #23 : define('HEADER_LOGO_HEIGHT', '64px');

Line #24 : define('HEADER_LOGO_IMAGE', 'logo.gif');

27 Nov 2010, 7:55 PM
#6
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Re: Reduce the Main page header image to rise the content below.

gjh42:

You need to redefine the logo height and width:

/includes/languages/english/your_template/header.php

Line #22 : define('HEADER_LOGO_WIDTH', '192px');

Line #23 : define('HEADER_LOGO_HEIGHT', '64px');

Line #24 : define('HEADER_LOGO_IMAGE', 'logo.gif');

Thank you GJH42 but I need to keep the wide picture. And even if i reduce the height the below page doesn't rise up.

28 Nov 2010, 6:46 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Reduce the Main page header image to rise the content below.

Those are the default settings. You can change them to whatever you want. Your template could have any number of custom features, so we need to see it live to give complete correct advice.

1 Dec 2010, 12:27 PM
#8
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Re: Reduce the Main page header image to rise the content below.

gjh42:

Those are the default settings. You can change them to whatever you want. Your template could have any number of custom features, so we need to see it live to give complete correct advice.

Dear Gjh42,
I reduced the top image to let you give me the correct advice.
I will change it as soon as you can give your advice as I don't like the white space you can see between the top image and the rest of the site.

Thank you in advance.

7 Dec 2010, 8:25 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Reduce the Main page header image to rise the content below.

We can't help any more without seeing the site live.

9 Dec 2010, 8:58 PM
#10
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Re: Reduce the Main page header image to rise the content below.

Could somebody help me?

9 Dec 2010, 9:03 PM
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Reduce the Main page header image to rise the content below.

Only if you let us see your site.
That's not being snooty, we need to see it to help.

10 Dec 2010, 7:25 AM
#12
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Re: Reduce the Main page header image to rise the content below.

I sent you the URL by PM two times gjh42.
You didn't receive it?

10 Dec 2010, 7:52 AM
#13
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Reduce the Main page header image to rise the content below.

I don't have either message, and I wouldn't have deleted something with a link to an open problem site. I don't know what happened to your messages.
You might try sending it with the link broken by spaces, just in case some kind of forum spam filter is giving a false alarm. I know the forum obfuscates hotmail addresses in pm's unless they are split.

10 Dec 2010, 9:56 AM
#14
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Re: Reduce the Main page header image to rise the content below.

I already sent the URL via PM before and it arrived. That is strange.
Here is the adress: provencedecoration com

10 Dec 2010, 3:37 PM
#15
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Reduce the Main page header image to rise the content below.

In your stylesheet, find```
#logoWrapper{
background-image: url(../images/topimage2007_1.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
width:649px;
height:231px;
}


Or you can just delete the entire height: 231px; line, as it is not necessary to specify it if you want it minimized.
10 Dec 2010, 4:28 PM
#16
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Re: Reduce the Main page header image to rise the content below.

Thank you very much GJH42, it works. Wooou!
Is there a way to delete my adress from the former post?

13 Dec 2010, 8:46 PM
#17
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Reduce the Main page header image to rise the content below.

I'm afraid not. If you don't want your domain name searchable, you can add a few spaces in it when you post so it is no longer one "word". The posting guidelines explain this.