# Making the container wider

**URL:** https://meta.discourse.org/t/making-the-container-wider/314572
**Category:** Development
**Tags:** graceful-theme
**Created:** [June 7, 2019, 6:51pm UTC](https://meta.discourse.org/t/making-the-container-wider/314572 "2019-06-07T18:51:36Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Jugger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jugger/32/143343_2.png) [@Jugger](https://meta.discourse.org/u/Jugger)
#### Post date: [June 7, 2019, 6:51pm UTC](https://meta.discourse.org/t/making-the-container-wider/314572/1 "2019-06-07T18:51:36Z")

</div>

@awesomerobot I can’t seem to figure out the right way to make the container a bit wider (as wide as the default discourse theme) [Imgur: The magic of the Internet](https://i.imgur.com/G4EebE1.png)

Any suggestions?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [June 7, 2019, 6:56pm UTC](https://meta.discourse.org/t/making-the-container-wider/314572/2 "2019-06-07T18:56:22Z")

</div>

You’ll want to add some CSS to edit the `max-width` of the `#main-outlet` div… that would look something like this

```css
#main-outlet {
  width: auto;
  max-width: 1010px; /* This makes the container as wide as the logo/header controls */ 
}

```

---

<div class="post-metadata">

### Author: ![Jugger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jugger/32/143343_2.png) [@Jugger](https://meta.discourse.org/u/Jugger)
#### Post date: [June 7, 2019, 7:14pm UTC](https://meta.discourse.org/t/making-the-container-wider/314572/3 "2019-06-07T19:14:43Z")

</div>

Works fine! Thank you!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [July 2, 2024, 7:46am UTC](https://meta.discourse.org/t/making-the-container-wider/314572/4 "2024-07-02T07:46:22Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.