WordPress.org

Ready to get started?Download WordPress

Forums

Change width of Column (8 posts)

  1. chrissmit
    Member
    Posted 2 years ago #

    Hi all,

    I need a bit of help:
    If you go to http://opencoffeevlaanderen.be you see a white background with text.
    However the text is really far indented.
    How do I change that?

    I know it should be somewhere in the CSS, but I'm pretty clueless when it comes to that.
    Can someone please tell me which file I need to edit, and what to put there.

    thx
    Chris

  2. The "Firebug" addon for the Firefox browser makes this kind of work a breeze.

    Add this to your custom css:

    .postwrap {
        padding: 10px 10px 10px 120px;
    }
  3. chrissmit
    Member
    Posted 2 years ago #

    Hi Josh,

    Thanks for the answer.
    I've added your code to the style.css file.
    What happened is that all my text moved to the left (like I wanted)

    The whole text moved, and/but the width stayed the same.
    I'd like to spread my text more. This time to the right.
    What code should I add now...?

    thx
    Chris

  4. Satrya
    Member
    Posted 2 years ago #

    Hello,

    add the width property to .postwrap , ex

    .postwrap {
        padding: 10px 10px 10px 120px;
        width: 500px
    }

    You can change the value of the width to fit your needs

  5. chrissmit
    Member
    Posted 2 years ago #

    Hi,

    Ok, in the file style.css I've added the following code:

    .postwrap {
        padding: 10px 10px 10px 120px ;
    width: 900px
    }

    Still it is not what I want, or rather, adding the code "width: 900px" didn't change anything.

    The text is nicely aligned on the left, but I'm not using the full widt of the white space.
    Here's the url again: http://opencoffeevlaanderen.be/

    thx

  6. Satrya
    Member
    Posted 2 years ago #

    Hmmmm, Not sure with your question, but try it

    .postwrap {
        padding: 10px 10px 10px 90px;
        width: 900px !important;
    }
  7. chrissmit
    Member
    Posted 2 years ago #

    Hi Satrya,

    Thanks for your addition (strange, it does not show up in this thread!).

    Adding the !important did the trick!

    I find it such a pain to understand this.
    But it looks very good now.

  8. Satrya
    Member
    Posted 2 years ago #

    You're welcome :)

Topic Closed

This topic has been closed to new replies.

About this Topic