Support » Themes and Templates » Twenty 11 1.2 – Header body gap removal?

  • Sorry folks, I realise there’s a few posts on this but being so WP illiterate I can’t work out if/how they apply to mine. So I’ve got the excessive gap under the header before the body text appears and I’d like to get rid of it. Site Any other observations welcome! Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Adjust following css selector, reduce the padding, see if solved.

    #main {
        clear: both;
        padding: 1.625em 0 0;
    } .hentry {
        padding: 3.5em 0 0;
    .singular .hentry {
        border-bottom: medium none;
        padding: 4.875em 0 0;
        position: relative;

    Thanks jianbo, however I have no idea what a ‘css selector’ is or where it is or, from the code supplied, which padding to reduce by how much? If you could clarify that would be appreciated. Thanks.

    1. go to your admin panel
    2. go to Appearence->Editor
    3. by default, the style.css file shows in the editor’s area, if not click “Stylesheet” on the right panel
    4. search for the code quoted in my pre reply
    5. adjust the figures, e.g.padding: 3.5em 0 0; to padding: 1em 0 0; don’t forget to save your update
    6. open the page again to see if that satisfy you, if not edit again

    for more details: this article introduce how to edit the theme files.

    Hi jianbo, Thankyou. That seems to have done the trick 🙂

    Glad to help.

    To diagnose your page style and placement issues, there are excellent tools.
    For firefox, there is a plugin called firebug. If IE or google chrome, just press F12.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty 11 1.2 – Header body gap removal?’ is closed to new replies.