How to adjust size of columns

  • I am currently using Green Apples theme (https://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:

    https://www.grocerypricebooks.com/grocerypriceblog/

    And the same theme, not stretched:

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter TheOrganicSister

    (@theorganicsister)

    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?

    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

    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.

    Thread Starter TheOrganicSister

    (@theorganicsister)

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

    Thread Starter TheOrganicSister

    (@theorganicsister)

    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.

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

    Thread Starter TheOrganicSister

    (@theorganicsister)

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to adjust size of columns’ is closed to new replies.