Pouvons-nous organiser les sous-catégories comme ceci ?

[ogulcan1787]

Salut les amis utiles.

Voici comment je l’utilise maintenant. display : flex

Pouvons-nous faire comme ça ?

Mais pas comme ça. display : block

Merci

[bartv (Bart)]

Ça a l’air TELLEMENT mieux

[ogulcan1787]

J’ai trouvé la solution de cette façon.
Mais lorsque le nom de la sous-catégorie est long, il se casse.
J’attends si quelqu’un peut trouver une solution à cela.
Vous pouvez l’utiliser dans cet état.

Quand le nom est long.

Quand le nom est court.

.category-list .subcategories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.category-list .subcategories .subcategory {
    flex-shrink: 0;
    min-width: 25%;
}

[Alteras (Steven Chang)]

Vous voudrez utiliser CSS Grids ici.

Quelque chose comme :

.category-list .subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}

Si vous voulez que les colonnes aient une taille parfaitement égale, vous pouvez remplacer min-content par 1fr.

[ogulcan1787]

C’est beaucoup mieux. Merci @Alteras

[saurabhmithal]

@Alteras

.category-list .subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}

Comment puis-je ajouter cela au thème de ma communauté ?

Quelqu’un peut-il m’aider ?

Merci.

[ogulcan1787]

Ici, en CSS, écrivez et enregistrez

[Arkshine]

Comme ogulcan1787 l’a indiqué, vous pouvez créer un nouveau composant et y insérer le CSS.

Vous pouvez suivre ces instructions :

• Allez dans Admin → Personnaliser

• Cliquez sur le bouton Installer
  

  

• Ensuite, attachez-le à votre thème et cliquez sur le bouton Modifier CSS/HTML
  

  

• Utilisez la section CSS :
  

  

[saurabhmithal]

Merci @Arkshine

C’était utile.