• 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)
  • Try:

    #primary {background:#fff;}

    Thread Starter mamou

    (@mamou)

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

    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/

    Thread Starter mamou

    (@mamou)

    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!!

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

    Thread Starter mamou

    (@mamou)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    How wide do you want the already white background?

    Thread Starter mamou

    (@mamou)

    Say 10px more either side?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Mess about with this style;

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

    Thread Starter mamou

    (@mamou)

    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.

    Thread Starter mamou

    (@mamou)

    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.