# Discourse Full-width component

**URL:** <https://meta.discourse.org/t/discourse-full-width-component/292496>\
**Category:** Theme component\
**Tags:** experimental\
**Created:** [January 22, 2024, 12:02pm UTC](https://meta.discourse.org/t/discourse-full-width-component/292496 "2024-01-22T12:02:02Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [May 20, 2024, 3:14pm UTC](https://meta.discourse.org/t/discourse-full-width-component/292496/9 "2024-05-20T15:14:41Z")

</div>

You can try overwriting the CSS variables.

Create a theme component and attach it to Fully.  
In the `Color Definitions`, add and adjust the variables:

```css
:root {
    --topic-body-width: 100% !important; // 690px
    --d-max-width: 100% !important; // 1110px;
}

```

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

---

_[View the full topic](https://meta.discourse.org/t/discourse-full-width-component/292496)._