Results 1 to 4 of 4
  1. #1
    Join Date
    Apr 2007
    Posts
    22
    Plugin Contributions
    0

    Default How do I fix that gap?

    There is a gap between my header, and the black bar below it for home and login. I want to move the black bar directly below the header, and eliminate the tan colored gap.

    Thank you.

    www.hardwoodcanes.com

  2. #2
    Join Date
    Apr 2006
    Location
    Ohio
    Posts
    6,162
    Plugin Contributions
    0

    Default Re: How do I fix that gap?

    Try this:

    Find this in stylesheet.css
    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: none;
    }

    Replace with this:
    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }


    Find this in stylesheet.css
    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage
    {
    margin: 0em;
    #logoWrapper{
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height: 75px;
    }
    padding: 0.0em;
    }


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

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

    Mark,
    Mark
    Hare Do

  3. #3

    Default Re: How do I fix that gap?

    I tried that, and I didn't notice a difference anywhere.

  4. #4
    Join Date
    Apr 2006
    Location
    Ohio
    Posts
    6,162
    Plugin Contributions
    0

    Default Re: How do I fix that gap?

    Play around with this in the stylesheet.css

    Look for this:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #000000;
    /*SETS BACKGROUND COLOR OF HOME &*** LOGIN BELOW HEADER*/
    background-image: none;
    padding: 0.4em 0.2em;
    font-weight: bold;
    color: #ffffff;
    height: 1%;
    }

    #navMainWrapper {
    margin: -1.2em 0em 0em 0em;
    padding: 0em;
    background-color: #000000;
    padding: 0.4em 0.2em;
    font-weight: bold;
    color: #ffffff;
    }


    Change to this:

    #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #000000;
    /*SETS BACKGROUND COLOR OF HOME &*** LOGIN BELOW HEADER*/
    background-image: none;
    padding: 0.4em 0.2em;
    font-weight: bold;
    color: #ffffff;
    height: 1%;
    }

    #navMainWrapper {
    margin: -1.2em 0em 0em 0em;
    padding: 0em;
    background-color: #000000;
    padding: 0.4em 0.2em;
    font-weight: bold;
    color: #ffffff;
    }

    Mark,
    Mark
    Hare Do

 

 

Similar Threads

  1. v150 Gap Between header and navigation bar (tried fix)
    By Baron5 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 29 Jan 2012, 12:34 AM
  2. How Do I fix pages that are like this
    By valerie6128 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 1 Sep 2010, 12:55 AM
  3. How in the world do you remove that gap below the header?!
    By CobraPlant in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 18 Nov 2007, 11:31 AM
  4. How to fix that problem (3 Product per row in IE and 4 in FF !?)
    By kimsonvu in forum Templates, Stylesheets, Page Layout
    Replies: 16
    Last Post: 7 Dec 2006, 06:25 AM
  5. Help me fix huge gap on product page!
    By curioj in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 17 Sep 2006, 06:18 PM

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