Là où se trouve la boîte rouge, j’aimerais avoir une “boîte/bulle” séparée pour la zone “Nouveaux sujets et non lus”. Là où se trouve la ligne rouge ondulée, j’aimerais que cette zone soit un espace, puis sous l’icône de cloche “Suivi”, que cela soit sa propre “boîte/bulle” également. Essentiellement, j’essaie de faire en sorte que cela soit deux bordures arrondies avec un espace entre elles. Essentiellement, j’essaie juste de détacher la zone “Nouveaux sujets et non lus” de ce qui se trouve juste au-dessus. Est-ce possible ? Si oui, dites-moi comment.
Il semble que la zone des sujets ait un ID de div de suggested-topics avec une classe de div de more-topics__list et je crois que toute la boîte arrondie qui entoure tout cela est main-outlet, mais je ne peux pas dire laquelle est la zone ci-dessus où se trouve l’icône de cloche Suivi.
Les boîtes rouges indiquent les “boîtes/bulles” auxquelles je faisais référence ci-dessus. La ligne orange entre elles est l’endroit où je veux l’espace entre elles. Et oui, j’ai lu tous les sujets CSS généralement recommandés et autres. Je n’arrive pas à trouver la solution après environ 6 heures. En expérimentant, il semble que si je fais :
.more-topics__list{
display:none;
}
alors cela supprime essentiellement tout le contenu entre l’icône de cloche Suivi et “Envie de lire plus ?..” en bas, mais cela ne m’aide pas vraiment à avancer lorsque je veux conserver le contenu, juste diviser les sections.
Pour diviser les sections en deux conteneurs, vous devrez modifier le modèle sous-jacent. Je ne pense pas que vous puissiez modifier celui par défaut avec uniquement du CSS, car :
et il n’y a pas d’autre wrapper sur le modèle par défaut.
Thème Discourse Air