WordPress.org

Ready to get started?Download WordPress

Forums

How to adjust size of columns (8 posts)

  1. TheOrganicSister
    Member
    Posted 5 years ago #

    I am currently using Green Apples theme (http://theorganicsister.com). I'd like to make the whole thing thinner - basically decrease the size of the middle column so all three columns are centered on the page with a bigger border on the outside of the columns. Also I'd like to adjust the header accordingly.

    As an example of what I mean here is one theme that has been stretched:

    http://www.grocerypricebooks.com/grocerypriceblog/

    And the same theme, not stretched:

    http://elementaryspirits.com/

    So how do I adust the size of the middle column and the header? And when I do that will the left and right sidebar stay where they are or come in close to the middle column?

    (I hope this makes sense. I'm not sure how else to explain it.)

  2. TheOrganicSister
    Member
    Posted 5 years ago #

    Okay, I'm looking in my stylesheet for "content" but it only gives me the option of font size. Is there something else it would be nmed or somewhere else I need to look instead of stylesheet?

  3. tlipowicz
    Member
    Posted 5 years ago #

    at the moment your page width is set to 100%, make it 90%, 80% - you decide - and yes - side columns will move as well.
    For your #page you will have to add margin auto - so it stays in the middle, get rid of background for your body (dotted border...), and also your #absnav which is after footer need to be adjusted as well - left property plus 264px;
    Bit messy - but this is the quickest fix... hope it makes sense...

    good luck

  4. t31os
    Member
    Posted 5 years ago #

    This will get you started...

    div#main_content,div#wrapper {width:100%!important}

    That will extend the main wrapper and container DIV elements....

    You might want to add margins, and also go about adjusting the width of other elements to suit.

  5. TheOrganicSister
    Member
    Posted 5 years ago #

    tlipowicz: I changed the page width to 80% but I can't understand how to "add margin auto" like you said.

  6. TheOrganicSister
    Member
    Posted 5 years ago #

    PS I'm trying out another theme right now but would still like to know how to edit Green Apples in case I want to go back to it.

  7. tlipowicz
    Member
    Posted 5 years ago #

    in your style.css you will have to find #page and write margin: auto;
    if there is margin property already - replace it...

    i like the new one more ;)

  8. TheOrganicSister
    Member
    Posted 5 years ago #

    Thank you for your help. I like the new one more too, except it's even harder to fix it's issues.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.