Title: Theme width on desktop
Last modified: May 3, 2017

---

# Theme width on desktop

 *  [obi55](https://wordpress.org/support/users/obi55/)
 * (@obi55)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/theme-width-on-desktop/)
 * How can one make the main page content to be same size as the theme-Page itself.
   For example using CSS to increase the main page content (body.home.page) size
   moves the contents to the right thereby pushing it out of sight. It seems the
   easiest way would be to remove the right-hand column so that will enable the 
   page contents to increase its size to match that of the navigation width etc…
   Is this correct? And how does one remove the column?
 * Thank you.

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

 *  [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/theme-width-on-desktop/#post-9095703)
 * You will need to add some custom CSS to achieve this.
    Install and activate [this plugin](https://wordpress.org/plugins/wp-add-custom-css/)
   then go to “Add Custom CSS” on your dashboard and paste this
 *     ```
       .home #site-content .col-md-8{
        width:100%;   
       }
       .home #site-content .col-md-4{
        display:none;   
       }
       ```
   
 * in the box. This will remove the sidebar and make the content full width. You
   will notice that now your featured image sizes are not filling the screen!
 *  Thread Starter [obi55](https://wordpress.org/support/users/obi55/)
 * (@obi55)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/theme-width-on-desktop/#post-9095843)
 * Thank you for the answer but I wished it was correct. While it increases the 
   page content, it moves it to the right of the screen. Thereby being way off. 
   This CSS code moves the “site-content” to the right of the screen.
 *  Thread Starter [obi55](https://wordpress.org/support/users/obi55/)
 * (@obi55)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/theme-width-on-desktop/#post-9095853)
 * Never mind, I fixed it by changing the page template format in “Page Attribute”
   to “Default Template”..
 * Thank you for the assistance.
 *  [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/theme-width-on-desktop/#post-9095970)
 * Glad you worked this out!
    Please mark this thread as resolved!
 * Bet Regards

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

The topic ‘Theme width on desktop’ 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/)

 * 4 replies
 * 2 participants
 * Last reply from: [Fotis](https://wordpress.org/support/users/markwaregr/)
 * Last activity: [9 years, 1 month ago](https://wordpress.org/support/topic/theme-width-on-desktop/#post-9095970)
 * Status: not resolved