Title: Change page width
Last modified: August 30, 2016

---

# Change page width

 *  Resolved [syzygist](https://wordpress.org/support/users/syzygist/)
 * (@syzygist)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-page-width-6/)
 * Even when the full page width template is selected, there is more empty space
   on either side of the main container than we want. How can I set a wider page
   width for the full width page template (ideally using the custom css plugin)?
   We are not using the sidebar, and all pages will be the same width (this is primarily
   a photo site).

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

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-page-width-6/#post-6414502)
 * Hey there syzygist,
 * How are you doing today?
 * Would you mind posting link to your site and possibly screenshot of what you’re
   trying to achieve and I’d be happy to try to help with some custom CSS 🙂
 * Best regards,
    Bojan
 *  Thread Starter [syzygist](https://wordpress.org/support/users/syzygist/)
 * (@syzygist)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-page-width-6/#post-6414530)
 * Hi Bojan,
 * Sorry I omitted that. Here’s the link:
 * [http://test-site.wp-tutor.me/test-gallery](http://test-site.wp-tutor.me/test-gallery/)
 * The page template is set to Full Width.
 * I am using the same background inside and outside of the container (blinking 
   stars) so the container won’t be visible, but I changed the container background
   back to the default for the purposes of this discussion. What I am looking for
   is to extend the container all the way to the edges of the view screen, so that
   none of the site background would be showing in default zoom.
 * I’m also wondering if there’s a way to reduce the padding between the Gallery
   and the edge of the container so the Gallery uses more of the container width,
   or is that being controlled by the Gallery code?
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-page-width-6/#post-6414583)
 * Hey again,
 * Well this should be possible by changing the default container width, to do that
   please try adding the following CSS code in the style.css file of your [child theme](http://codex.wordpress.org/Child_Themes)
   or if your theme doesn’t have custom CSS tab add it in your site using the following
   plugin:
 * [http://wordpress.org/plugins/simple-custom-css](http://wordpress.org/plugins/simple-custom-css)
 *     ```
       @media (min-width: 1200px) {
       .container {
       width: 100%;
       }
       }
       ```
   
 * This should be the result [http://screencast.com/t/6liAcGUA8EDY](http://screencast.com/t/6liAcGUA8EDY),
   I’ve also used media query so it doesn’t affect smaller resolutions and responsiveness
   of your site.
 * Your page content should expand on its own to occupy the space, but the gallery
   width should be controlled by gallery code [http://screencast.com/t/hKVAhvWp](http://screencast.com/t/hKVAhvWp).
 * Hope this helps 🙂
 * Cheers,
    Bojan
 *  Thread Starter [syzygist](https://wordpress.org/support/users/syzygist/)
 * (@syzygist)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-page-width-6/#post-6414689)
 * The code above didn’t work. The nested brackets and parentheses didn’t look quite
   right to me, so I tried this:
 *     ```
       @media {min-width: 1200px}
   
       .container {
       width: 100%;
       }
       ```
   
 * That achieved the result I was looking for, and that you kindly demonstrated 
   in your first screenshot.
 * Thanks also for the screenshot of how to find the gallery code. I have firebug,
   but my coding skills are limited, so I’m not always sure what to do with code
   once I find it. I’ll check with the Simple Lightbox author for guidance on the
   gallery margins.
 * Many thanks for your time on this!
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-page-width-6/#post-6414690)
 * Hey again syzygist,
 * The syntax for that is definitely not good. At least the part which includes 
   media query.
 * So what you did there is simply placed it outside of media query which is the
   reason it works, so you can just remove the line above if you want to keep it
   like that.
 * Check here how correct media query should look like [http://www.w3schools.com/cssref/css3_pr_mediaquery.asp](http://www.w3schools.com/cssref/css3_pr_mediaquery.asp).
 * Best regards,
    Bojan

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

The topic ‘Change page width’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/amadeus/2.1.4/screenshot.png)
 * Amadeus
 * [Support Threads](https://wordpress.org/support/theme/amadeus/)
 * [Active Topics](https://wordpress.org/support/theme/amadeus/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/amadeus/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/amadeus/reviews/)

## Tags

 * [full-width](https://wordpress.org/support/topic-tag/full-width/)
 * [page template](https://wordpress.org/support/topic-tag/page-template/)
 * [page width](https://wordpress.org/support/topic-tag/page-width/)

 * 5 replies
 * 2 participants
 * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/change-page-width-6/#post-6414690)
 * Status: resolved