How to increase width of topic

[awesomerobot (Kris)]

@awesomerobot

I think eventually we’d want the layout to be more flexible so it would be in the right position automatically if the topic column width is different, but for now it’s a manual adjustment at a few breakpoints.

Good news, this is the case now. In a theme the content width of a topic can be increased with a little CSS:

:root {
    --topic-body-width: 1000px;
}

That’s it! no overlap. Note that the max-width is still constrained by Discourse’s overall max-width, so if you want to go to an extreme and do something like:

:root {
    --topic-body-width: 2000px;
}

you’ll also need to increase --d-max-width, which defaults to 1110px

:root {
    --d-max-width: 3000px;
    --topic-body-width: 2000px;
}