Forums / Templates, Stylesheets, Page Layout / Gap between logo and category buttons

Gap between logo and category buttons

Locked

Views: 1,067

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
28 Feb 2009, 6:13 PM
#1
pwapilot avatar

pwapilot

New Zenner

Join Date:
Feb 2009
Posts:
2
Plugin Contributions:
0

Gap between logo and category buttons

After changing the default logo to my own (which involved a change in height) and a change of the background colors, I have a fairly big gap between my logo and category buttons. See here. Is there a way to change the height and/or color of that gap to make it go away?

Thanks,
pwapilot

28 Feb 2009, 6:43 PM
#2
gjh42 avatar

gjh42

Black Belt

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

Re: Gap between logo and category buttons

Change logo dims here:

/includes/languages/english/your_template/header.php:```php
// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
define('HEADER_SALES_TEXT', 'TagLine Here');
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

28 Feb 2009, 6:45 PM
#3
kobra avatar

kobra

Black Belt

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

Re: Gap between logo and category buttons

See if this gets it looking like you want
Find this in your stylesheet and seperate out as listed

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

Make it this

#headerWrapper {
	background-color: #0e3d57;
	margin: 0em;
	padding: 0em;
	}
#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

Zen-Venom Get Bitten

28 Feb 2009, 6:50 PM
#4
kobra avatar

kobra

Black Belt

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

Re: Gap between logo and category buttons

Ahh GIH saw this differently....
You can also change your current css for this from 213px to the height of your image as 186px

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #0e3d57;
	height:186px;
	}

Zen-Venom Get Bitten

28 Feb 2009, 6:52 PM
#5
gjh42 avatar

gjh42

Black Belt

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

Re: Gap between logo and category buttons

In your case, it is actually the <br class="clearBoth" /> that is causing the gap.
For a demo, add to your stylesheet:

#logoWrapper+.clearBoth {display: none;}

To fix the source, edit /includes/templates/your_template/common/tpl_header.php and change the <br class="clearBoth" /> below the "branding display" section to

<div class="clearBoth"></div>
28 Feb 2009, 7:10 PM
#6
pwapilot avatar

pwapilot

New Zenner

Join Date:
Feb 2009
Posts:
2
Plugin Contributions:
0

Re: Gap between logo and category buttons

kobra:

Ahh GIH saw this differently....
You can also change your current css for this from 213px to the height of your image as 186px

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #0e3d57;
height:186px;
}


Worked great... thanks!