Title: Full width posts
Last modified: August 31, 2016

---

# Full width posts

 *  [andersb](https://wordpress.org/support/users/andersb/)
 * (@andersb)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/)
 * Hello,
 * I would like the posts to be in full width on the Olsen Light theme. I know that
   there isn’t any easy option, but I’m trying to change the CSS to achieve it.
 * I’ve removed the sidebar
    `<?php get_sidebar(); ?>` from single.php
 * But I can’t seem to find where I can modify the width in style.css.
 * I’ve tried with several solutions I found on Google (even though I know that 
   I doesn’t fit the theme, I tried it anyway)
 * I tried with:
 *     ```
       .single .site-content {
       	margin: 0;
       }
       ```
   
 * and:
 *     ```
       .single-post #secondary {
            display: none;
       }
   
       .single-post #primary {
            width: 100% !important;
       }
       ```
   
 * But none of them works.
 * Does anyone have an idea how to get the post in full width?

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431503)
 * Hey there,
 * You can achieve what you are after by adding following custom CSS to your theme
   using [Advanced CSS Editor](https://wordpress.org/plugins/advanced-css-editor/).
 *     ```
       .sidebar.sidebar-right {
           display: none;
       }
   
       .col-md-4 {
           display: none;
       }
   
       .row {
           margin-left: 0px;
           margin-right: 0px;
       }
       .col-md-8 {
           width: 100%;
       }
       ```
   
 * Hope it helps.
 *  Thread Starter [andersb](https://wordpress.org/support/users/andersb/)
 * (@andersb)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431506)
 * Hey Suyogya Shukla,
 * Thank you for your help 😀
 * It worked a little too well. I’m trying only to make the post full width, but
   this way the pages is full witdh as well. Do you know how to do that? 🙂
 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431507)
 * Hey there,
 * Can you please post a link to your site? As this would require me to know the
   page ID at which your posts are displayed. And do you only want to make a particular
   post full width rather than all posts? Hope you understand.
 *  Thread Starter [andersb](https://wordpress.org/support/users/andersb/)
 * (@andersb)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431514)
 * Yeah, of course. This is my [**site**](http://afterglobe.dk)
 * I would like all the posts to be full width, but still keep the sidebar on the
   main page.
 * I’m really thankful for your help 🙂
 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431524)
 * Hey there,
 * Your blog page and main page are same, right?
 *  Thread Starter [andersb](https://wordpress.org/support/users/andersb/)
 * (@andersb)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431531)
 * Yes, it is 🙂
 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431553)
 * Hey,
 * It’s not possible to make posts full width while keeping the sidebar on main 
   page, if I understood you correctly 🙂 Hope you understand.
 *  [Nik](https://wordpress.org/support/users/nvourva/)
 * (@nvourva)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431558)
 * Hello [@andersb](https://wordpress.org/support/users/andersb/)
 * Since you have already removed the sidebar from the single.php, locate this line
   `
   <div class="col-md-8">` and change it to `<div class="col-md-12">` that should
   do the trick.
 * PS. make sure you have removed the entire sidebar’s container from the single.
   php
 *     ```
       <div class="col-md-4">
       		<?php get_sidebar(); ?>
       	</div>
       ```
   
 *  Thread Starter [andersb](https://wordpress.org/support/users/andersb/)
 * (@andersb)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431566)
 * Hey [@nvourva](https://wordpress.org/support/users/nvourva/)
 * Thank you so much. It removed the sidebar and made the post in full width. 😀
 * Now my only problem is that the size of the pictures doesn’t change even though
   the post is full with. The images has a bigger resolution than what is shown 
   in the post, so it seems like there is some kind of limitation somewhere. Do 
   you know where I can change the size limitation on the images?
 * Thanks for the help [@nvourva](https://wordpress.org/support/users/nvourva/) 
   and [@suyogya](https://wordpress.org/support/users/suyogya/) Shukla. It’s so 
   nice of you!
 *  [Nik](https://wordpress.org/support/users/nvourva/)
 * (@nvourva)
 * [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431638)
 * What you can do is change ‘post-thumbnail’ to ‘full’ in this line
    `<?php the_post_thumbnail('
   post-thumbnail', array( 'itemprop' => 'image' ) ); ?>` in the single.php file.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Full width posts’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/olsen-light/1.7.1/screenshot.png)
 * Olsen Light
 * [Support Threads](https://wordpress.org/support/theme/olsen-light/)
 * [Active Topics](https://wordpress.org/support/theme/olsen-light/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/olsen-light/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/olsen-light/reviews/)

 * 10 replies
 * 3 participants
 * Last reply from: [Nik](https://wordpress.org/support/users/nvourva/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/full-width-posts-6/#post-7431638)
 * Status: not resolved