WordPress.org

Ready to get started?Download WordPress

Forums

Make post wrapper wider than post content (13 posts)

  1. mamou
    Member
    Posted 1 year ago #

    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

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try:

    #primary {background:#fff;}

  3. mamou
    Member
    Posted 1 year ago #

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

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    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/

  5. mamou
    Member
    Posted 1 year ago #

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

  6. esmi
    Forum Moderator
    Posted 1 year ago #

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

  7. mamou
    Member
    Posted 1 year ago #

    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.

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    How wide do you want the already white background?

  9. mamou
    Member
    Posted 1 year ago #

    Say 10px more either side?

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Mess about with this style;

    #main {
     width: 1000px /*+ 20px padding*/;
    }
  11. mamou
    Member
    Posted 1 year ago #

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

  12. bythegram
    Member
    Posted 1 year ago #

    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.

  13. mamou
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic