¿Podemos organizar las subcategorías así?

[ogulcan1787]

Hola amigos útiles.

Así es como lo uso ahora. display : flex

¿Podemos hacerlo así?

Pero no así. display : block

Gracias

[bartv (Bart)]

¡Eso se ve MUCHO mejor!

[ogulcan1787]

Encontré la solución de esta manera.
Pero cuando el nombre de la subcategoría es largo, se rompe.
Estoy esperando si alguien puede encontrar una solución para esto.
Puedes usarlo en este estado.

Cuando el nombre es largo.

Cuando el nombre es corto.

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

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

[Alteras (Steven Chang)]

Querrás usar CSS Grids aquí.

Algo como:

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

Si quieres que las columnas tengan un tamaño perfectamente igual, puedes cambiar min-content por 1fr.

[ogulcan1787]

Ahora esto está mucho mejor. Gracias @Alteras

[saurabhmithal]

@Alteras

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

¿Cómo puedo añadir esto al tema de mi comunidad?

¿Alguien puede ayudar?

Gracias.

[ogulcan1787]

Aquí en CSS escribe y guarda

[Arkshine]

Como ogulcan1787 declaró, puedes crear un nuevo componente e insertar el CSS allí.

Puedes seguir estas instrucciones:

• Ve a Administración → Personalizar

• Haz clic en el botón Instalar
  

  

• Luego adjúntalo a tu tema y haz clic en el botón Editar CSS/HTML
  

  

• Usa la sección CSS:
  

  

[saurabhmithal]

gracias @Arkshine

esto fue útil.