How to widen the body area of the post section

Dear support,

I was wondering if it would be possible to widen the body area of the post section. My idea would be to make it 200px wider. Would that be possible? How?

Many thanks,

Miguel Kieling

It is not as easy as you might think it is because it is grid based layout, so you either have to create the entire website wider. For that you can use this code in Theme Options - Other - Custom CSS

@media (min-width: 1200px) {
    .container {
        width: 1370px;

But you will run into two major problems:

  1. sidebars gets wider as well. You have to change column size via template files to replace col-md-8 and col-md-4 to something like col-md-9 and col-md-3. You can read more about Bootstrap grid here
  2. Featured images are now too small for your content area. You have to create a new featured image size via functions.php and regenerate thumbnails by using plugin like this.