Das Inhaltsverzeichnis (TOC) auf der Knowledge Base-Seite verwendet standardmäßig graue Links, wobei die aktuell aktive Überschrift blau markiert ist. Du kannst beide Farben mit Custom CSS ändern, um die Sichtbarkeit zu verbessern oder den TOC an deine Marke anzupassen. Die Änderung gilt weltweit für alle Artikel auf der Seite.
Wann sollte man eine benutzerdefinierte TOC-Farbe verwenden
- Markenausrichtung: Passen Sie die Farbfarbe des TOC-Links an die Hauptfarbe Ihres Produkts ab, damit sich die Seitenleiste als Teil desselben visuellen Designs anfühlt.
- Verbesserung der Sichtbarkeit: Erhöhen Sie den Kontrast zwischen den Inhaltsverzeichnis-Links und dem Seitenleisten-Hintergrund, um die Navigation leichter lesbar zu machen.
- Unterscheide den aktiven Zustand: Verwenden Sie eine bestimmte Farbe für die aktuell aktive Überschrift, um den Lesern zu helfen, ihre Position in einem langen Artikel zu verfolgen.
Diese CSS-Änderungen gelten weltweit für das Inhaltsverzeichnis aller Artikel auf Ihrer Knowledge Base-Website.
Kurze Referenz
Nutze die Ausschnitte für deine Knowledge Base-Website-Version. Ersetze die Farbwerte durch deine gewünschten Hexcodes oder CSS-Farbnamen.
Alle Inhaltsverzeichnis-Links und Umschalt-Icons:
d360-table-of-content .toc-item .toc-toggle-icon,
d360-table-of-content .toc-item a {
color: red !important;
}
Derzeit nur ausgewählte (aktive) Überschrift:
d360-table-of-content .toc-item.selected a {
color: blue !important;
}
Wie man die Farbe des Inhaltsverzeichniss ändert
- Im Knowledge Base-Portal gehen Sie zu Einstellungen > Knowledge Base-Seite > Custom CSS & JavaScript.
-
Wähle den CSS-Tab und füge den entsprechenden Ausschnitt ein.
Füge beide Schnipsel ein, um die Standardfarbe des Links und die aktive Überschrift unabhängig voneinander zu steuern. Wenn du nur einen ändern willst, füge nur den entsprechenden Ausschnitt ein. -
Ersetzen Sie die Farbwerte durch Ihre gewünschten Farben – verwenden Sie einen Hex-Code (zum Beispiel
#1a73e8) oder einen CSS-Farbnamen (zum Beispielsteelblue). -
Klicken Sie auf Speichern.
Ergebnis
Vorher
Standardmäßig erscheinen die Inhaltsverzeichnis-Links grau, und die aktuell aktive Überschrift ist blau hervorgehoben.
Danach
Nach dem Speichern des CSS wechseln die inaktiven TOC-Links auf die angegebene Farbe (rot in diesem Beispiel). Die aktive Überschriftenfarbe wird separat gesteuert und bleibt blau, es sei denn, du aktualierst auch den ausgewählten Überschriftenabschnitt.
