Change width of Column

  • Hi all,

    I need a bit of help:
    If you go to https://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

Viewing 7 replies - 1 through 7 (of 7 total)

  • 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;
}

    Thread Starter chrissmit

    (@chrissmit)

    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

    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

    Thread Starter chrissmit

    (@chrissmit)

    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: https://opencoffeevlaanderen.be/

    thx

    Hmmmm, Not sure with your question, but try it

    .postwrap {
    padding: 10px 10px 10px 90px;
    width: 900px !important;
}
    Thread Starter chrissmit

    (@chrissmit)

    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.

    You’re welcome ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change width of Column’ is closed to new replies.