Podemos organizar as subcategorias assim?

[ogulcan1787]

Olá amigos úteis.

É assim que eu uso agora. display : flex

Podemos fazer assim?

Mas não assim. display : block

Obrigado

[bartv (Bart)]

Isso ficou MUITO melhor

[ogulcan1787]

Encontrei a solução desta forma.
Mas quando o nome da subcategoria é longo, ele quebra.
Estou esperando se alguém pode encontrar uma solução para isso.
Você pode usá-lo neste estado.

Quando o nome é longo.

Quando o nome é curto.

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

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

[Alteras (Steven Chang)]

Você vai querer usar CSS Grids aqui.

Algo como:

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

Se você quiser que as colunas tenham tamanhos perfeitamente iguais, você pode mudar min-content para 1fr.

[ogulcan1787]

Agora isso está muito melhor. Obrigado @Alteras

[saurabhmithal]

@Alteras

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

como posso adicionar isso ao tema na minha comunidade?

alguém pode ajudar?

obrigado.

[ogulcan1787]

Aqui em CSS escreva e salve

[Arkshine]

Como ogulcan1787 afirmou, você pode criar um novo componente e inserir o CSS lá.

Você pode seguir estas instruções:

• Vá para Admin → Personalizar

• Clique no botão Instalar
  

  

• Em seguida, anexe-o ao seu tema e clique no botão Editar CSS/HTML
  

  

• Use a seção CSS:
  

  

[saurabhmithal]

obrigado @Arkshine

isso foi útil.