Widen post (shrink sidebars)

  • I’m wondering if I can widen my blog post content, shrinking the sidebars… but not affect the grid on my main page?


    The blog I need help with is: (visible only to logged in users)

  • Hi Nicole,

    The following CSS will widen the post pages and static pages without affecting the front page. Copy/paste this into your CSS menu under Customize. Make sure to add it after anything else that might already be there.

    @media screen and (min-width: 1023px){
      .single .entry-content .post-content,
      .page:not(article) .entry-content .page-content{
        width: 60%;

    The default number in the theme is 50%. Feel free to change the 60% to whatever you think fits but keep in mind anything too wide will affect readability. To keep things comfortable for your readers, the general rule is to keep a line anywhere between 50 to 75 characters.

    Also, I’m not seeing any sidebars on your site so the above snippet isn’t taking those into account. Keep that in mind if you do decide to add one in the future.

    Hope that helps!


  • The topic ‘Widen post (shrink sidebars)’ is closed to new replies.