Change the layout width


(Dante) #1

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



(Daniela) #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.


(Dante) #3

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


(Joshua Rosenfeld) #4

Who didn’t use the code?


(Dante) #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。


(Joshua Rosenfeld) #6

Sure looks like the linked website changed the width?


(Dante) #7

yes i sure
www.gamekult.com


(Joshua Rosenfeld) #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.


(Daniela) #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.