Imbalance 2 – Reducing White Space in Heading

  • Author
    Posts
  • #849985

    cecilebaird1
    Member

    Dear WordPress Community,

    How do I reduce the height of the header space in Imbalance 2?
    i.e There is too much unused space in the heading, too much white, and my images are appearing too low.
    I do not want to change theme.
    I am using wordpress.com and have upgraded to access of CSS style sheet.
    Please see my website: http://www.sancesco.com

    Thank you in advance! :-)
    http://sancesco.com/2012/03/16/wordpress-angel/

    The blog I need help with is sancesco.com.

    #850413

    gerrisayler
    Member

    I have the very same question. I am working with a mockup website using the imbalance 2 theme before creating the real thing, and it would be worth upgrading to CSS just to fix the too-much-white-space-in-the-header-area (plus changing font sizes). I need only these minor changes for this gorgeous minimalist theme. So I await the same answer. Thanks.

    http:www.gerrisayler.wordpress.com

    #850444

    pincolandia
    Member

    Hi there!

    I’m using Imbalance 2 too, and this simple line code worked for me:

    #header {
    padding-bottom:35px;
    }

    Cecile, the size of your header bottom padding is 50px right now (i reduced mine to 35px, as you can see). Try to set it to 10px, for example.

    Hope this helps! :)

    #850447

    For very small Imbalance 2 headers like the one at http://sancesco.com/ you might even try reducing the “padding-bottom” value to zero like this:

    #header {
    padding-bottom:0;
    }

    Beyond that, it’s the logo or “#branding” area at the top left that is taking up space, and you can try this to reduce the spacing even more:

    #branding {
    overflow: hidden;
    min-height: 120px;
    }

    @pincolandia, thanks for your example! It was very helpful. :)

The topic ‘Imbalance 2 – Reducing White Space in Heading’ is closed to new replies.