1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to adjust the space in top?

Discussion in 'XenForo Questions and Support' started by Garamond, Dec 13, 2011.

  1. Garamond

    Garamond Well-Known Member

    space.jpg

    How do I adjust the space marked in red, independently? It seems that by default the space is purely based upon the value you put in "Height of Header Logo".
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    ACP Search: Height of Header Logo
     
  3. Garamond

    Garamond Well-Known Member

    Which is what I already said, but I don't see this as a good way of controlling the vertical space - since it doesn't let you manually define it.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    What do you mean, it doesn't let you manually define it?
    That's exactly what it does.

    If you want to align the logo to the bottom, top, etc. just add some CSS to EXTRA.css.
    Code:
    #logo img {
        vertical-align: bottom;
    }
     
  5. Garamond

    Garamond Well-Known Member

    Well, my problem is the header background picture. I have placed it in center position, but when increasing the value in 'Height of Header Logo', it doesn't 'stick' to the top position but instead centers itself vertically, making it impossible to use a picture that's higher than the total space in the top (without loosing some of it in both ends).

    Can I utilize some CSS in EXTRA.css to make the header background aligned to the top, and what would that code look like?
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    #logo img {
    vertical-align: top;
    }
     
    Garamond likes this.
  7. Garamond

    Garamond Well-Known Member

    That's for the logo, but what about the header background image?
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    The header background image should automatically align to the top.

    Can you link to the site so I can see what you mean?
     
  9. jmurrayhead

    jmurrayhead Well-Known Member

    Sounds like you possibly need to specify the background-position. 50% 0 or center top would set your background image to be at the top center of the header.
     
  10. Garamond

    Garamond Well-Known Member

    I'll send you a PM
     
  11. Brogan

    Brogan XenForo Moderator Staff Member

    This is resolved now.

    What the OP actually wanted to do was overlap the bottom half of the logo with the navigation bar and forum.

    So we finally settled on using position relative and top.
     
    Jake Bunce likes this.

Share This Page