Custom CSS im Überblick

Farben, Schriften und Hintergründe des Wikis stellst du unter Manage › Theme ein. Custom CSS ergänzt Details, die die normalen Regler nicht anbieten, etwa eine gestrichelte Umrandung oder eine gedrehte Karte.

Du musst dafür kein Entwickler sein. Der Editor erklärt jede Eigenschaft in verständlicher Sprache, schlägt Werte vor und sagt dir, warum eine Zeile nicht funktioniert.

Was Custom CSS ist

CSS ist die Sprache, mit der das Web gestaltet wird. Eine Regel ist immer ein kurzes Paar aus Eigenschaft: Wert.

Für ein einzelnes Element schreibst du solche Paare ohne Selektoren oder geschweifte Klammern. Der Editor wendet sie auf das gewählte Element an. Die zentralen Stylesheets unter Manage › Theme › Custom CSS verwenden vollständige Regeln mit Selektoren.

Eigene Regeln können die normalen Farben und Schriften überschreiben. Wenn ein Regler keine sichtbare Wirkung hat, prüfe das CSS am Element und unter Theme › Custom CSS.

Die drei Ebenen

„Save theme“ veröffentlicht beide zentralen Stylesheets mit dem Theme. „Revert all“ stellt den zuletzt geladenen oder gespeicherten Stand wieder her. CSS an einzelnen Seitenblöcken speicherst du weiterhin im Seiteneditor, das an Sidebar-Elementen mit „Save theme“.

Auf Seiten und in der Seitenleiste identisch

Du musst Custom CSS nur einmal lernen. Das Panel an einem Seitenblock und das im Style-Tab eines Seitenleisten-Elements sind ein und dasselbe, von der Zielauswahl bis zum Live-Spiegel.

Nur die Auswahl unterscheidet sich. Ein Button-Block bietet seine Pille an, ein Seitenleisten-Link sein Label und sein Icon.

Grenzen und Sicherheit

Der Editor prüft jede Zeile, während du tippst.