Comment styliser les boîtes de catégorie ?

J’ai élargi les boîtes pour qu’elles occupent toute la largeur, afin de simplifier l’expérience utilisateur.

Mais ce avec quoi j’ai du mal, c’est d’aligner les titres et les descriptions à gauche.

Quel sélecteur est responsable de l’alignement du texte ?

1 « J'aime »

Alors… personne ?

Avez-vous essayé de chercher vous-même ?
Making custom CSS changes on your site explique comment trouver des sélecteurs en utilisant l’outil d’inspection de votre navigateur.

Par exemple, en utilisant « inspecter » sur le nom de la catégorie, vous accédez déjà à
image
Lorsque vous cliquez sur le triangle, vous pouvez voir

Il semble que

.category-boxes h3 {
    text-align: center;
}

soit le CSS que vous souhaitez remplacer.
Vous pouvez trouver la description juste en dessous

3 « J'aime »

Bien sûr que oui.
La chose est qu’il y a quelque chose qui bloque.
text-align: left !important n’apporte aucun résultat visible.
Quand j’essaie
text-align: center; text-indent: -100px;
cela déplace le texte comme prévu.
C’est là que je suis bloqué.

dans le CSS commun d’un thème ou d’un composant de thème :

.category-boxes .description,
.category-boxes h3 {
    text-align: left;
}

capture d’écran du résultat :

1 « J'aime »