Wie teile ich die Kategorien mit Titeln in Abschnitte auf?

Entwickler
1

I feel someone must have done this previously but i can’t find it mentioned anywhere here. I felt we needed three sub-categories so i made that fix, but honestly its not worth it with the bugs caused to other plugins.

We don’t need the third layer anyway, we just need a way to break the categories list page up into sections so each grouping is clearly different from the others and users instantly know what it is. Obviously i’ve already colour coded them accordingly, but there is nothing to explain to users what each colour means.

I want to add a space between categories in the category list view, and put a word of text in it as a title. For example:

Projects
| category 1 - sub1
| category 2
| category 3 - sub1+2

Learning
| category 4 - sub1
| category 5

Local
| category 6 - sub1+2+3
| category 7

2 „Gefällt mir“
2

You can select categories with their ids and inject your title texts before, e.g.:

body [data-category-id="1"]:before {
    content: "Projects";
}

Alternatively, you could use this new component, it comes with backend settings to add category sections:

4 „Gefällt mir“
3

Ich habe dieselbe CSS-Bearbeitung auf meinem Discourse-Forum vorgenommen, aber mit den neuesten Updates, die die Seitenleiste hinzugefügt haben, ist es jetzt etwas durcheinander:

image
image823×1257 54 KB

Wie kann ich diese Bearbeitung nur auf den Hauptbereich anwenden und nicht auf die Seitenleiste?
Danke!

EDIT: Das passiert auch im Header-Dropdown:

image
image418×801 20.8 KB

1 „Gefällt mir“
4

Sie müssen mit Ihrer Stildeklaration nur spezifischer sein. Der Codeausschnitt deklariert Stile für beliebige Elemente im Body. Um das zu ändern, inspizieren Sie das Element, das Sie anpassen möchten, mit den Werkzeugen Ihres Browsers und ersetzen Sie body durch eine spezifischere Deklaration, z. B.:

#main-outlet .category-list {
  [data-category-id="1"]:before {
     content: "Projects";
  }
}
1 „Gefällt mir“