Twenty 11 1.2 - Header body gap removal? (6 posts)

  1. jcyoga18
    Posted 4 years ago #

    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 http://thruxton.yogaha.com Any other observations welcome! Thanks.

  2. jianbo
    Posted 4 years ago #

    Adjust following css selector, reduce the padding, see if solved.

    #main {
        clear: both;
        padding: 1.625em 0 0;
    .singular.page .hentry {
        padding: 3.5em 0 0;
    .singular .hentry {
        border-bottom: medium none;
        padding: 4.875em 0 0;
        position: relative;
  3. jcyoga18
    Posted 4 years ago #

    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.

  4. jianbo
    Posted 4 years ago #

    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:

    http://codex.wordpress.org/Editing_Files this article introduce how to edit the theme files.

  5. jcyoga18
    Posted 4 years ago #

    Hi jianbo, Thankyou. That seems to have done the trick :-)

  6. jianbo
    Posted 4 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic