Imbalance 2 – Reducing White Space in Heading

cecilebaird1 · Member · Mar 20, 2012 at 5:58 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
gerrisayler · Member · Mar 26, 2012 at 3:21 am
Copy link
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
pincolandia · Member · Apr 5, 2012 at 6:17 pm
Copy link
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! :)
designsimply · Member · Apr 5, 2012 at 11:40 pm
Copy link
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. :)

No items found.