サブカテゴリをこのように並べ替えることはできますか？

[ogulcan1787]

こんにちは、親切な友人たちへ。

現在はこのように使用しています。display : flex

このようにすることはできますか？

しかし、このようにではありません。display : block

ありがとうございます

[bartv (Bart)]

ずっと良くなりましたね

[ogulcan1787]

これで解決策を見つけました。
しかし、サブカテゴリ名が長いと壊れてしまいます。
誰か解決策を見つけてくれるのを待っています。
この状態でも使用できます。

長い名前の場合。

短い名前の場合。

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

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

[Alteras (Steven Chang)]

CSS Grid を使用することをお勧めします。

次のようなものです。

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

列を完全に同じサイズにしたい場合は、min-content を 1fr に変更できます。

[ogulcan1787]

これでずっと良くなりました。@Alteras さん、ありがとうございます

[saurabhmithal]

@Alteras

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

これをコミュニティのテーマに追加するにはどうすればよいですか？

どなたか助けていただけますか？

よろしくお願いします。

[ogulcan1787]

CSSで記述して保存してください

[Arkshine]

ogulcan1787さんが述べたように、新しいコンポーネントを作成してCSSを挿入することができます。

以下の手順に従ってください。

• 管理 → カスタマイズ に移動します

• 「インストール」ボタンをクリックします
  

  

• 次に、テーマにアタッチして「CSS/HTMLの編集」ボタンをクリックします
  

  

• 「CSS」セクションを使用します。
  

  

[saurabhmithal]

@Arkshine ありがとうございます。
大変参考になりました。