How to expand main area

Viewing 1 replies (of 1 total)
  • Theme Author Christine Rondeau

    (@crondeau)

    The first thing you would want to do is set up a child theme and then change the width of the site-content and sidebar.

    The current css is:
    /*
    .site-content {
    float: left;
    width: 66.6666666667%; /* 640 / 960 */
    padding: 1.875em 1.25em;
    }

    #secondary {
    float: right;
    overflow: hidden;
    width: 28.125%; /* 270 / 960 */
    padding: 1.875em 0;
    font-size: 14px;
    font-size: 1.4rem;
    }*/

    So just change these percentages.

    In the css, the comment next to the percentage is the width divided by the total width.

    So 270/960 is 28.125%…

    If you wanted to make it 250 for example, then, you would change the width to 26.041667%….

    and then increase the width of the site-content by the same amount.

Viewing 1 replies (of 1 total)
  • The topic ‘How to expand main area’ is closed to new replies.