Forum supprimer largeur fixe

Soutien
1

Bonjour à tous !

Je souhaite supprimer la largeur fixe et la remplacer par une valeur en pourcentage.
Comment puis-je faire ? J’ai essayé de nombreuses choses, mais aucune n’a fonctionné.

Voici deux images montrant le résultat attendu sur la « page d’accueil ».

Discourse_scss
Discourse_scss1230×1305 119 KB

Et voici à l’intérieur d’un sujet.

Discourse_Topic_scss
Discourse_Topic_scss1126×1306 232 KB

Alors, qui peut me donner un indice ou directement le code pour cela ?

Je vous serais très reconnaissant !

2

Personne ne peut m’aider ? S’il vous plaît !

3

Par largeur de colonne

Tout d’abord, nous devons redéfinir display: flex; :

.categories-and-latest {
    display: block;
}

Ensuite, définissez la largeur :

.column.categories{
    width: 40%;
    float: left;
}

discourse
discourse1437×646 142 KB

Ceci n’est qu’un exemple. Vous devrez peut-être récupérer le div précédent et gérer la largeur de l’écran. Je ne sais pas ce qui se passera sur les appareils mobiles, et cela nécessitera l’ajout de plus de CSS.

Portez une attention particulière à : display: flex;. Il se peut qu’il y ait des difficultés à ce niveau.

4

Merci !

Ce que je cherche, c’est le sélecteur CSS pour la largeur par défaut.

J’ai essayé .wrap et beaucoup d’autres, mais aucun n’a fonctionné. Je les ai trouvés avec l’inspecteur.

5

J’ai essayé d’utiliser .wrap

max-width: 100%;

et la largeur est devenue 100 %

6

Si je fais cela, seul l’en-tête et le pied de page sont à 100 %.

Est-ce que je passe à côté de quelque chose ?

MODIF :

J’ai revérifié et ajouté

#main > div #main-outlet {
	max-width: 90 %;
	width: 90 %;
}

mais comme vous pouvez le voir sur la capture d’écran, cela est écrasé par theme_11.scss et je ne sais pas pourquoi.

Discourse_css
Discourse_css2551×1172 183 KB

7

Essayez cette option.

.categories-and-latest {
    display: block;
}
.wrap {
    max-width: 90%;
    width: 90%;
}
.categories-and-latest div.column.categories {
    width: 40%;
    float: left;
}
8

C’est la même chose que ci-dessus, cela est écrasé par theme_11.scss.
C’est vraiment agaçant car cela fonctionnait une fois, mais plus maintenant.

Édit :
C’est l’un des composants du thème, je dois déterminer lequel.

J’ai trouvé, c’est le « Easy responsive footer » officiel. Après l’avoir supprimé, le site est passé à 90 % de largeur.
Peut-être que @Johani pourrait jeter un œil, car j’aimerais avoir le pied de page à nouveau.

Édit 2 :
Et « Versatile Banner » « corrompt » les changements de largeur. Peut-être que @tshenry pourrait aussi jeter un œil ?