Page 1 of 2 12 LastLast
Results 1 to 10 of 19
  1. #1
    Join Date
    Dec 2005
    Posts
    21
    Plugin Contributions
    0

    Default Help with Header Image

    Hi,

    I am trying to get rid of the gap between the my header image and the navigation bar on my site. Any help would be appericated!! :)

    http://consignmint.com/catalog/


    thanks

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Help with Header Image

    Quote Originally Posted by wallacrj View Post
    Hi,

    I am trying to get rid of the gap between the my header image and the navigation bar on my site. Any help would be appericated!! :)

    http://consignmint.com/catalog/


    thanks
    open your stylesheet.css fine the following declaration

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

    Make the highlighted change (this is the height of your background image.)

    This should eliminate the gap.

  3. #3
    Join Date
    Jul 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: Help with Header Image

    I'm having a similar problem. Changing the height of the image doesn't seem to fix it.. any ideas??

    After Changing the height:

  4. #4
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Help with Header Image

    Quote Originally Posted by ikerush View Post
    I'm having a similar problem. Changing the height of the image doesn't seem to fix it.. any ideas??

    After Changing the height:
    You don't change the height of the image you change the height declaration in the stylesheet.

  5. #5
    Join Date
    Dec 2005
    Posts
    21
    Plugin Contributions
    0

    Default Re: Help with Header Image

    Quote Originally Posted by clydejones View Post
    open your stylesheet.css fine the following declaration

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

    Make the highlighted change (this is the height of your background image.)

    This should eliminate the gap.


    Thanks worked like a charm

  6. #6
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Help with Header Image

    Quote Originally Posted by wallacrj View Post
    Thanks worked like a charm
    Not at all, glad to help.

  7. #7
    Join Date
    Jul 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: Help with Header Image

    Quote Originally Posted by clydejones View Post
    You don't change the height of the image you change the height declaration in the stylesheet.
    I changed this height and it didn't work:
    #logoWrapper{
    margin: 0em;
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    background-color: #000000;
    height:217px;
    margin: 0em;
    }
    Any other ideas? Thanks!

  8. #8
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Help with Header Image

    Quote Originally Posted by ikerush View Post
    I changed this height and it didn't work:
    #logoWrapper{
    margin: 0em;
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    background-color: #000000;
    height:217px;
    margin: 0em;
    }
    Any other ideas? Thanks!
    Can you provide a URL for your site so I can take a look

  9. #9
    Join Date
    Jul 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: Help with Header Image

    www.sourceminerals.com/cart
    I'm workin on the art at the moment so it may keep changing... lol thanks!

  10. #10
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Help with Header Image

    Quote Originally Posted by ikerush View Post
    www.sourceminerals.com/cart
    I'm workin on the art at the moment so it may keep changing... lol thanks!
    open includes/templates/YOUR_TEMPLATE/common/tpl_header.php

    find the following section of code:

    Code:
    </div>
    <!-- <br class="clearBoth" /> -->
    <!--eof-branding display-->
    comment out the highlighted portion as shown.

    save the file and upload to your server.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Need help with header image
    By JeffLC in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 18 Nov 2014, 02:52 PM
  2. Need help with header image/header area-Apple Zen
    By Samuz in forum Addon Templates
    Replies: 2
    Last Post: 9 Jul 2010, 12:37 AM
  3. Help with header image
    By donlee600 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 6 Sep 2009, 06:47 PM
  4. Help With Image As Header
    By greengreetings in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 22 May 2009, 10:43 AM

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