Title: Full Width
Last modified: August 30, 2016

---

# Full Width

 *  Resolved [mcutrona](https://wordpress.org/support/users/mcutrona/)
 * (@mcutrona)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/full-width-27/)
 * Hi Vlad, I am using Amadeus and I want a full width (or at the very least much
   wider than it is now). In the example theme, the content area is much wider than
   on my version. This width would be a-okay. My sidebar is already removed. Seeking
   a low-code option, as I am new to wordpress.
 * Any suggestions?
 * [http://www.madeleinecutrona.com/about/](http://www.madeleinecutrona.com/about/)
 * thanks!
 * ps. sorry to repost (I accidentally replied to a “resolved” topic)

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

 *  [Kendall Weaver](https://wordpress.org/support/users/kendalltristan/)
 * (@kendalltristan)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/full-width-27/#post-6594865)
 * Hello,
 * It seems that the `div.content-area` section of your page is relatively narrow.
   You can easily override this with some CSS. A quick and dirty fix is to simply
   use:
 *     ```
       div#primary.content-area {
           width: 100% !important;
       }
       ```
   
 * You can get away without the `!important` flag, but there are media queries that
   will adjust the width based on the width of the viewport. Using the flag ensures
   that the div is the width of the parent div. Of course if you want it wider, 
   you could then make the parent div even wider.
 * I hope this is helpful.
 * Cheers.
 *  Thread Starter [mcutrona](https://wordpress.org/support/users/mcutrona/)
 * (@mcutrona)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/full-width-27/#post-6594947)
 * hey! thanks this is helpful!
 * Could you please instruct me how to make the parent div wider?
 * thanks again!
 *  [Kendall Weaver](https://wordpress.org/support/users/kendalltristan/)
 * (@kendalltristan)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/full-width-27/#post-6594978)
 * The parent div is a [Bootstrap](http://getbootstrap.com/) `container` that has
   a width of 1170px. If you elect to change the width of all elements with the `
   container` class, then it could have unintended ramifications. That said, the
   div in question also has some other attributes that we can use, in this case:
 *     ```
       div#content.site-content {
           width: 100% !important; /* Or whatever arbitrary width you want */
       }
       ```
   
 * You could also specify a max-width so it doesn’t look weird on really large displays.
 *  Thread Starter [mcutrona](https://wordpress.org/support/users/mcutrona/)
 * (@mcutrona)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/full-width-27/#post-6595008)
 * Hmmmm…. I don’t think I want to change the width of all elements with the container
   class, as I do not want unintended consequences.
 * Is there another solution to get it a bit wider? For example, is it possible 
   to expand the width over 100%? Say 110%
 * I tried doing this but no avail. I wonder if there is another “safe” work around
   I might be able to use?
 * Thanks!
 *  [Kendall Weaver](https://wordpress.org/support/users/kendalltristan/)
 * (@kendalltristan)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/full-width-27/#post-6595009)
 * I think you may have slightly misunderstood, the above CSS is for only the one
   container as it has other attributes so adding the above won’t affect any other
   containers. Try it and see if it works for you. If not, then you can undo it 
   and try something else.
 * Cheers.
 *  Thread Starter [mcutrona](https://wordpress.org/support/users/mcutrona/)
 * (@mcutrona)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/full-width-27/#post-6595010)
 * oh okay. well I entered this:
 *     ```
       div#content.site-content {
       	width: 100% !important;
       /* 1170 */
       }
       ```
   
 * and I’m unsure if it is what you meant? But nothing happened?
 * i dont need/want the container to be gone entirely, just for it to take up more
   of the page. ideally, i would like for my single container to begin and end at
   the left most and right most side of this preview: [https://wordpress.org/themes/amadeus/](https://wordpress.org/themes/amadeus/)
 * Any other suggestions for how to do this?
 * thanks!

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

The topic ‘Full 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/)

 * 6 replies
 * 2 participants
 * Last reply from: [mcutrona](https://wordpress.org/support/users/mcutrona/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/full-width-27/#post-6595010)
 * Status: resolved