Y a-t-il un moyen de modifier via CSS la position de l’image de catégorie sur la page des catégories ?
En d’autres termes, l’image se place par défaut « à gauche » du nom de la catégorie et tente de s’ajuster à la hauteur combinée du titre et de la description de la catégorie. Mais sur mobile, l’image reste simplement là, et j’essaie de la placer soit avant, soit après le texte du titre de la catégorie. Mais je n’arrive pas à y parvenir.
J’ai essayé avec category-text-title et category-logo aspect-image, mais je n’arrive pas à les aligner correctement. J’utilise le style « Catégories et sujets récents ».
Vous pouvez placer l’image avant le nom de la catégorie sur mobile en ajoutant ceci dans la feuille de style mobile de votre thème :
.category-title-link {
// cela permet de réorganiser les éléments et de les forcer sur la même ligne
display: flex;
}
.category-text-title {
// change l'ordre du titre pour qu'il apparaisse après l'image
order: 2;
}
.categories-list .category .category-logo.aspect-image {
// supprime une marge supplémentaire de l'image qui n'est plus nécessaire
margin-top: 0;
}
Et encore plus de remerciements pour les commentaires, c’est ainsi qu’il est plus facile d’apprendre. Avec cela, je peux maintenant essayer de résoudre comment centrer cette image sur un autre thème, un grand merci !
