Change the layout width

UX
1

I want to ask a question how can I change the layout width like this？

屏幕快照_2017-04-18_00_55_37.png2852×1634 600 KB

1 Like
2

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.

7 Likes
3

thank you very much
but he did not use this code to adjust the layout

屏幕快照 2017-04-26 06.26.42.png660×608 58.7 KB

4

Who didn’t use the code?

5

sorry

I mean this website page Charts USA : le carton de la Switch et des AAA - Forums de discussion jeux vidéo Gamekult - Gamekult 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。

6

Sure looks like the linked website changed the width?

image.png381×664 32.3 KB

7

yes i sure

8

@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.

1 Like
9

It’s exactly what I say

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) and extract the elements you want to change.

All you need is a basic CSS knowledge.