# Change the layout width
**URL:** https://meta.discourse.org/t/change-the-layout-width/61129
**Category:** UX
**Created:** [17 april 2017 om 17:00 UTC](https://meta.discourse.org/t/change-the-layout-width/61129 "2017-04-17T17:00:31Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@DanteZii](https://meta.discourse.org/u/DanteZii)
#### Post date: [17 april 2017 om 17:00 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/1 "2017-04-17T17:00:31Z")
I want to ask a question how can I change the layout width like this？
* * *
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [17 april 2017 om 17:36 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/2 "2017-04-17T17:36:39Z")
You want to play with this CSS setting
```
.topic-body {
width: 690px /* this is the default setting */
}
```
but keep in mind that too much width means that you need to replace the other elements too (avatar and the timeline).
PS: and don’t forget the media queries.
---
### Author:  [@DanteZii](https://meta.discourse.org/u/DanteZii)
#### Post date: [25 april 2017 om 22:27 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/3 "2017-04-25T22:27:32Z")
thank you very much
but he did not use this code to adjust the layout
---
### Author:  [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [25 april 2017 om 22:30 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/4 "2017-04-25T22:30:39Z")
> [@DanteZii](#):
>
> but he did not use this code to adjust the layout
_Who_ didn’t use the code?
---
### Author:  [@DanteZii](https://meta.discourse.org/u/DanteZii)
#### Post date: [25 april 2017 om 22:40 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/5 "2017-04-25T22:40:39Z")
sorry
I mean this website page [Charts USA : le carton de la Switch et des AAA - Forum Jeux vidéo - Gamekult](https://www.gamekult.com/forum/t/charts-usa-le-carton-de-la-switch-et-des-aaa/382420) did not use this code to change the layout width，
if i use “.topic-body {
width: 690px /\* this is the default setting \*/
}” change the width
the page will be a lot of problems。
---
### Author:  [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [25 april 2017 om 22:44 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/6 "2017-04-25T22:44:40Z")
Sure looks like the linked website changed the width?
---
### Author:  [@DanteZii](https://meta.discourse.org/u/DanteZii)
#### Post date: [25 april 2017 om 22:46 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/7 "2017-04-25T22:46:18Z")
> [@jomaxro](#):
>
> Sure looks like the linked website changed the width?
yes i sure
> **[Gamekult - Jeux vidéo PC et consoles: tout l'univers des joueurs](https://www.gamekult.com)**
>
> Retrouvez toute l'actualité en temps réel et les tests des derniers jeux vidéo fraîchement sortis, servis par la rédaction Gamekult ! Découvrez toutes nos émissions, nos guides d'achat pour choisir le meilleur matériel ainsi que nos soluces et...
---
### Author:  [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [25 april 2017 om 23:35 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/8 "2017-04-25T23:35:43Z")
@DanteZii, I’m sorry but I’m not understanding your issue. In post #1 you asked how to increase the topic view width, and @Trash provided you with a solution. You then posted saying that someone didn’t use the code, and I shared a screenshot of the site you linked to using the code.
What _exactly_ are you looking for here? Please be specific.
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [26 april 2017 om 11:00 UTC](https://meta.discourse.org/t/change-the-layout-width/61129/9 "2017-04-26T11:00:03Z")
> [@DanteZii](#):
>
> if i use “.topic-body {
> width: 690px /\* this is the default setting \*/
> }” change the width
>
> the page will be a lot of problems。
It’s exactly what I say
> [@Trash](#):
>
> but keep in mind that too much width means that you need to replace the other elements too (avatar and the timeline).
Timeline and avatar are the first elements you need to change, but not the only. You have a lot of work to do, because you want change the page layout (not only the width).
You can start to built your theme looking to the custom CSS of that site ([https://cdn-enterprise.discourse.org/gamekult\_forum/forum/stylesheets/desktop\_theme\_12\_e3e6e0b694355d9994bc15c0d1188da7aa47eed5.css?\_\_ws=www.gamekult.com](https://cdn-enterprise.discourse.org/gamekult_forum/forum/stylesheets/desktop_theme_12_e3e6e0b694355d9994bc15c0d1188da7aa47eed5.css?__ws=www.gamekult.com)) and extract the elements you want to change.
All you need is a basic CSS knowledge.