Make main content column wider

  • I think twenty fourteen is one of the best themes out there but it has some serious issues with the content width.

    For example, on my blog
    https://johnnyafrica.com/2014/07/22/weekend-wine-country/

    The content doesn’t feel like the highlight of the post because it only takes up less than half the space of the table. The “Set-content width” option that defaults to 474 is the only thing I can find that remotely adjusts this but all it does is push the content box to the left.

    Was wondering if anyone has successfully increased the width of their content box and/or decreased the width of the right sidebar which is just unnecessarily large.

    https://www.ads-software.com/plugins/fourteen-extended/

Viewing 1 replies (of 1 total)
  • Thread Starter JohnnyAfrica

    (@jcnyc)

    I was able to adjust the width of the right sidebar, it is this code snippet

    .content-sidebar {
    border: 0;
    float: right;
    margin-left: -25.33333333%;
    padding: 48px 30px 24px;
    position: relative;
    width: 25.33333333%;
    }

    and

    .content-sidebar {
    margin-left: -29.04761904%;
    width: 25.04761904%;
    }

    I changed it to 25% but they were all originally 29.

    The question now becomes how do I change the main content area to utilize the extra space? There is a lot of whitespace in between the content area and the right sidebar.

Viewing 1 replies (of 1 total)
  • The topic ‘Make main content column wider’ is closed to new replies.