Können wir die Unterkategorien so anordnen?

[ogulcan1787]

Hallo liebe Freunde.

So benutze ich es jetzt. display : flex

Können wir es so machen?

Aber nicht so. display : block

Danke

[bartv (Bart)]

Das sieht SO viel besser aus

[ogulcan1787]

Ich habe die Lösung auf diese Weise gefunden.
Aber wenn der Name der Unterkategorie lang ist, bricht er ab.
Ich warte, ob jemand eine Lösung dafür finden kann.
Sie können es in diesem Zustand verwenden.

Bei langem Namen.

Bei kurzem Namen.

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

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

[Alteras (Steven Chang)]

Sie möchten hier CSS Grids verwenden.

Etwas wie:

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

Wenn Sie möchten, dass die Spalten exakt gleich groß sind, können Sie min-content durch 1fr ersetzen.

[ogulcan1787]

Das ist jetzt viel besser. Danke @Alteras

[saurabhmithal]

@Alteras

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

Wie kann ich das zum Theme in meiner Community hinzufügen?

Kann mir jemand helfen?

Danke.

[ogulcan1787]

Hier in CSS schreiben und speichern

[Arkshine]

Wie ogulcan1787 sagte, können Sie eine neue Komponente erstellen und die CSS dort einfügen.

Sie können diese Anweisungen befolgen:

• Gehen Sie zu Admin → Anpassen

• Klicken Sie auf die Schaltfläche Installieren
  

  

• Hängen Sie es dann an Ihr Theme an und klicken Sie auf die Schaltfläche CSS/HTML bearbeiten
  

  

• Verwenden Sie den Abschnitt CSS:
  

  

[saurabhmithal]

Danke @Arkshine

Das war hilfreich.