WordPress.com Forums » Topic: Reducing space above and below menus in Twenty Elevenhttps://en.forums.wordpress.com/topic/reducing-space-above-and-below-menus-in-twenty-eleven
WordPress.com Forums » Topic: Reducing space above and below menus in Twenty ElevenenTue, 31 Mar 2015 22:38:55 +0000http://bbpress.org/?v=1.1-alpha-2539zandyring on "Reducing space above and below menus in Twenty Eleven"https://en.forums.wordpress.com/topic/reducing-space-above-and-below-menus-in-twenty-eleven#post-1034203
Mon, 08 Oct 2012 16:10:44 +0000zandyring1034203@https://en.forums.wordpress.com/It takes some getting used to, but it can be really fun once you get rolling. My recommendation is to just keep playing with it - that's the best way to get used to it. As obvious as it sounds...
]]>msmidt on "Reducing space above and below menus in Twenty Eleven"https://en.forums.wordpress.com/topic/reducing-space-above-and-below-menus-in-twenty-eleven#post-1034193
Mon, 08 Oct 2012 15:59:27 +0000msmidt1034193@https://en.forums.wordpress.com/You are the best!

To reduce that space, you want to target the bottom margin of your site description:

#site-description {margin-bottom: 0;}

You can increase that number if you want, but that will get you to zero margin at least.

If you don't see a change, add an "important" note to it, like so:

#site-description {margin-bottom: 0 !important;

I use Firefox primarily, so I look at the code using Firebug. It's an add-on that you can easily install on Firefox - just do a quick search for it, or look in Tools/Add Ons.

Good luck!
-Z

]]>msmidt on "Reducing space above and below menus in Twenty Eleven"https://en.forums.wordpress.com/topic/reducing-space-above-and-below-menus-in-twenty-eleven#post-1034089
Mon, 08 Oct 2012 14:41:12 +0000msmidt1034089@https://en.forums.wordpress.com/Thanks so much! This all seems to be helping.

Then, to adjust the padding at the top, under the tag and above the image, add this:

#site-description {padding-bottom: 1em;}

You can change the 1em to whatever spacing looks right to you - you can do decimals, like .8em or 1.2em, or whatever.

You didn't ask for this, but if you want to further reduce the padding between the title and the top of the content area, do this:

#site-title {padding-top: 1em;}

Good luck!
-Z

]]>msmidt on "Reducing space above and below menus in Twenty Eleven"https://en.forums.wordpress.com/topic/reducing-space-above-and-below-menus-in-twenty-eleven#post-1030147
Thu, 04 Oct 2012 19:07:14 +0000msmidt1030147@https://en.forums.wordpress.com/I'm a WordPress newbie and am trying to reduce the empty white space above and below the twentyeleven menu and the Page title and other content.

Specifically, I would really like to reduce the space below the menus and the first headline "Available soon." Secondarily, I would like to reduce the space above the header photo and the name of the blog.

Any suggestions or help would be much appreciated. Thanks for your consideration.