Need help? Check out our Support site, then


Twenty Eleven - remove a lot of the white space?

  1. Is there any way to reduce the "white space" in this theme? there seems to be a big gap between the header and where the text starts. Any ideas?

    The blog I need help with is louisamitchell.wordpress.com.

    The blog I need help with is louisamitchell.wordpress.com.

  2. To fix just about all of your pages you will need to decrease the amount of top padding on the .hentry element. Something like this works pretty well:

    .singular.page .hentry {
    	padding-top: 0;
    }

    Some pages like your front page have no title. While the title value may be blank, the element is still present in the markup and it is styled to use padding. Basically this means that it injects extra, unnecessary whitespace into the page.

    Custom CSS can be used to remove the padding from the empty title. The following will remove it from the front page (and only the front page):

    body.page-id-69 .entry-title {
    	padding: 0;
    }

    Please let us know how this works for you.

  3. Thanks. Sorry I'm pretty new to CSS. Will I need to reproduce all of the code and change just those elements? thanks

  4. @1190
    I don't help with CSS editing but I do know this when you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing.

  5. great! it worked! tghanks

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.