# Something recently changed, can't increase \`--topic-body-width\`

**URL:** https://meta.discourse.org/t/something-recently-changed-cant-increase-topic-body-width/293845
**Category:** Development
**Tags:** css
**Created:** [February 1, 2024, 10:18pm UTC](https://meta.discourse.org/t/something-recently-changed-cant-increase-topic-body-width/293845 "2024-02-01T22:18:02Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![rahim123](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@rahim123](https://meta.discourse.org/u/rahim123)
#### Post date: [February 1, 2024, 10:18pm UTC](https://meta.discourse.org/t/something-recently-changed-cant-increase-topic-body-width/293845/1 "2024-02-01T22:18:03Z")

</div>

Hi there, I’ve been using a customized width for my forum because most of my users have a strong preference for a wider layout with less whitespace:

```plaintext
:root {
  --d-max-width: 1900px;
  --topic-body-width: 1244px;
}

```

With the `--topic-body-width` I used to be able to push the timeline and the timeline footer controls to within a few pixels of the right margin on my 1920px browser window. But now with the updates to 3.3.0.beta1-dev even if I use much larger `--d-max-width` and `--topic-body-width` values I can still only make it this wide (screenshot on Meta with those changes applied in the HTML inspector):

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/c/c/6ccf39bd29cae9c5e907a9ec9f1b0f6cb1183cd9.png)

It looks like the maximum width of the topic body is about 1040px. I tried eliminating the `min-width` value in `.timeline-container .topic-timeline` but that also doesn’t make any difference. Any tips? Thanks a lot.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 2, 2024, 5:51am UTC](https://meta.discourse.org/t/something-recently-changed-cant-increase-topic-body-width/293845/2 "2024-02-02T05:51:08Z")

</div>

Hello 👋

This is, because the [DiscoTOC - automatic table of contents](https://meta.discourse.org/t/discotoc-automatic-table-of-contents/111143) theme component new update calculates the `.container.posts` in percentage. Which is really great I think.

> <https://github.com/discourse/DiscoTOC/blob/efb445714c3276e899709cd16394162c1ac790e5/common/common.scss#L3-L8>

---

<div class="post-metadata">

### Author: ![rahim123](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@rahim123](https://meta.discourse.org/u/rahim123)
#### Post date: [February 2, 2024, 6:12am UTC](https://meta.discourse.org/t/something-recently-changed-cant-increase-topic-body-width/293845/3 "2024-02-02T06:12:20Z")

</div>

Thanks very much! I don’t have a lot of TOCs, and there is a strong user preference for wider posts, so I unset it:

```plaintext
.container.posts {
    grid-template-columns: unset;
}

```

Should be OK that way right?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 2, 2024, 6:20am UTC](https://meta.discourse.org/t/something-recently-changed-cant-increase-topic-body-width/293845/4 "2024-02-02T06:20:10Z")

</div>

By default, this is in core if you don’t use D-TOC. 🔽  
So you can revert this percentage changes with this.

```scss
@media screen and (min-width: 925px) {
  .container.posts {
    grid-template-columns: auto auto;
  }
}

```

Or you can make wider the post section with changing the percentages. For example;

```scss
@media screen and (min-width: 925px) {
  .container.posts {
    grid-template-columns: 80% 20%;
  }
}

```

---

<div class="post-metadata">

### Author: ![rahim123](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@rahim123](https://meta.discourse.org/u/rahim123)
#### Post date: [February 2, 2024, 6:23am UTC](https://meta.discourse.org/t/something-recently-changed-cant-increase-topic-body-width/293845/5 "2024-02-02T06:23:46Z")

</div>

Thanks for the reply! I do use D-TOC, but I don’t have a lot of topics that use it, so it doesn’t matter if there is a bit of content shift on the few topics that have a TOC. So to revert to the previous shifty Discourse behavior would you recommend

> [@rahim123](#):
>
> ```plaintext
> .container.posts {
> grid-template-columns: unset;
> }
> 
> ```

or

> [@Don](#):
>
> ```plaintext
> @media screen and (min-width: 925px) {
> .container.posts {
> grid-template-columns: auto auto;
> }
> }
> 
> ```

?

Thanks again, I never would have found the source of this change without your tip.

---

<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: [March 3, 2024, 6:24am UTC](https://meta.discourse.org/t/something-recently-changed-cant-increase-topic-body-width/293845/6 "2024-03-03T06:24:03Z")

</div>

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