Results 1 to 7 of 7
  1. #1
    Join Date
    Feb 2009
    Posts
    2
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Gap between logo and category buttons

    Change logo dims here:

    /includes/languages/english/your_template/header.php:
    PHP Code:
    // 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'); 

  3. #3
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default 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
    Code:
    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    	margin: 0em;
    	padding: 0em;
    	}
    Make it this
    Code:
    #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

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default 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
    Code:
    #logoWrapper{
    	background-image: url(../images/header_bg.jpg);
    	background-repeat: repeat-x;
    	background-color: #0e3d57;
    	height:186px;
    	}
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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>

  6. #6
    Join Date
    Feb 2009
    Posts
    2
    Plugin Contributions
    0

    Default Re: Gap between logo and category buttons

    Quote Originally Posted by kobra View Post
    Ahh GIH saw this differently....
    You can also change your current css for this from 213px to the height of your image as 186px
    Code:
    #logoWrapper{
    	background-image: url(../images/header_bg.jpg);
    	background-repeat: repeat-x;
    	background-color: #0e3d57;
    	height:186px;
    	}
    Worked great... thanks!

  7. #7
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Gap between logo and category buttons

    There are often multiple ways to fix a problem :)
    Glad it's sorted.

 

 

Similar Threads

  1. v138a Large Gap in between header image(logo) and my nav bar...
    By allanjhn in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 25 Sep 2012, 06:37 PM
  2. Gap between header and body
    By timhersh in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 Mar 2011, 05:25 AM
  3. How do I get Rid of this gap between my logo?
    By Electrobumps in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 7 Feb 2009, 08:18 PM
  4. How do I increase the gap between logo and Sales message ?
    By zenrajan in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 29 Jan 2007, 02:24 AM
  5. Help centering logo. No gap between the logo and text!
    By toxicgtr in forum General Questions
    Replies: 4
    Last Post: 7 Jan 2007, 01:24 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR