WordPress.org

Support

Support » Themes and Templates » [Theme: Twenty Eleven]: padding pages

[Theme: Twenty Eleven]: padding pages

  • Rudy Engels
    Member

    @rudyengels

    Hi,

    I’m using the twenty-eleven theme with a child theme at http://bcdevoskes.be
    I’d like to have the pages the same width/padding (just too much white space) as the posts on the homepage.
    I’ve installed Firebug to inspect the element but don’t seem to find the right code.

Viewing 3 replies - 1 through 3 (of 3 total)
  • peredur
    Participant

    @peredur

    Well, a post’s width is determined by:

    #content {
        margin: 0 34% 0 7.6%;
        width: 58.4%;
    }

    The layout for a page is completely different and the width for the page content is determined by:

    .singular #content, .left-sidebar.singular #content {
    margin: 0 7.6%;
    position: relative;
    width: auto;
    }

    So the width of the page content is 100% – 7.6% – 7.6% = 84.8% and centered (width: auto;).

    So if you want to make the content narrower you need to increase the left and right margins. For example, you could try this:

    .singular #content {
        margin: 0 20%;
        position: relative;
        width: auto;
    }

    (You probably don’t need the .left-sidebar.singular #content. In fact including it might mess up something else. You’d have to check where it’s used)

    It works in Firefox. Haven’t tried it elsewhere.

    HTH

    Cheers

    PAE

    Rudy Engels
    Member

    @rudyengels

    Thanks for your complete reply!

    I’ve tried it with the following modification:

    .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
        margin: 0 auto;
        width: 100%;
    }

    I’m analyzing you suggestion now and I’ll give it a try!

    peredur
    Participant

    @peredur

    Your solution will make the content wider (100% instead of 68.9%). I thought you wanted it the same as the content width for posts (i.e. narrower)?

    Cheers

    PAE

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Twenty Eleven]: padding pages’ is closed to new replies.