WordPress.org

Support

Support » Themes and Templates » Make post wrapper wider than post content

Make post wrapper wider than post content

  • Hi helpful wordpress people!

    I would like to make my post wrapper (whose background is white, see here: http://www.bobinandtwine.com/) wider than the post content inside the wrapper. I am a complete newbie but did manage to create a child theme to my twenty eleven template.

    Where do I start?

    Million thanks!
    mamou

Viewing 12 replies - 1 through 12 (of 12 total)
  • esmi

    @esmi

    Forum Moderator

    Try:

    #primary {background:#fff;}

    Does that not have to do with the background colour though? I want to increase the wrapper width. Thanks.

    esmi

    @esmi

    Forum Moderator

    In that case, you’d need to over-write:

    #page {
        margin: 2em auto;
        max-width: 1000px;
    }

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    Sorry – still not sure how that answers my question or what I’d need to overwrite (sorry if being very very thick!)

    I would like the white rectangular wrapper (or container I think it might be called) to be wider than the text in the post. The way it is right now it’s just the same width so the letters are right on the edge of the wrapper – would like to make it wider or have a margin.

    Thanks again!!

    esmi

    @esmi

    Forum Moderator

    So try adding my first suggestion to your child theme’s CSS.

    Still not it – I don’t want the whole background to be white, I just want the already white wrapper of the post to be wider.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    How wide do you want the already white background?

    Say 10px more either side?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Mess about with this style;

    #main {
     width: 1000px /*+ 20px padding*/;
    }

    done that already. not what I want either. thanks though, never mind!

    This may work:

    #content{
        width: 68.4%;
        padding: 0 5%;
    }

    basically making your content box (with the white background) wider but keeping the content inside the same size.

    Cheers!! that did work!
    Thanks so much, one big headache less 🙂

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Make post wrapper wider than post content’ is closed to new replies.
Skip to toolbar