La description de la catégorie n'est pas affichée sur la version mobile

[Bärbel_Hucke]

Bonjour, les descriptions de nos catégories ne s’affichent pas sur la version mobile. Pourriez-vous s’il vous plaît m’aider ? Je ne suis pas très familier avec le CSS, mais j’apprends un peu plus chaque jour.

Bureau

Mobile

Merci pour votre soutien.

[Bcat]

Vous pouvez essayer d’ajouter ce code au CSS :

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

[Bärbel_Hucke]

Super, merci beaucoup !

Puis-je vous poser deux questions de plus ?

• Est-il possible d’inclure la description juste à côté de l’icône ?
• Comment puis-je changer la couleur de la police dans le bouton bleu ? Je n’ai pas trouvé ce bouton dans les paramètres de couleur du thème.

Merci !

[Bcat]

Ces deux éléments étant séparés, il est très difficile de modifier uniquement le CSS. Sinon, cela risque de casser d’autres composants.

En général, il s’agit d’un changement temporaire.

La couleur d’arrière-plan du bouton a changé, nous pouvons donc utiliser une classe CSS pour modifier la couleur du texte :

.list-controls .container #create-topic {
    color: #fff;
}

La variable de couleur : Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

Cela aide beaucoup ! Merci beaucoup !

[UnitedFreedom (James)]

Salut @Bcat merci pour le code CSS utile pour ajouter des descriptions pour mobile.

Est-il possible sur mobile que la description apparaisse à droite de l’image, et non en dessous de l’image ?

Comme ceci ?

[Jack_Sparrow]

Devrait être possible avec du CSS simple.
Faites flotter l’image à gauche et donnez à la div parente une position relative.

[John_Shankman]

@Bcat

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

Que Dieu te bénisse pour ça