Allgemein

Unter Einstellungen - Design - CSS kann beliebiger CSS-Code hinterlegt werden, der dann auf jeder Seite eingebunden wird.


Gültigkeit

Dieser Code wird ganz am Schluss aller anderen CSS Einstellungen angefügt, so dass auch vom Design oder System definierte Werte noch überschrieben werden können.


Bearbeitungsmodus

Falls der Code im Bearbeitungsmodus stören sollte, kann dieser von der Body-Klasse abhängig gemacht werden.

Das Body-Tag bekommt im Edit-Modus die Klasse "view-edit", während in der Vorschau und auch LIVE dann die Klasse "view-normal" lautet.


Hat mal also z.B. eine eigene Klasse "meine-klasse" definiert, kann man dieser einfach - mit einem Leerzeichen getrennt - die Klasse "view-normal" voran stellen, also so: ".view-normal .meine-klasse". Damit wird die Klasse im Bearbeitungsmodus nicht aktiv.


Beispiel:



Hier wird auf Zeile 1 der H2-Titel innerhalb eines Elements mit der Klasse "header" angesprochen. Zeile 2 bestimmt dessen Zeilenhöhe. Diese Regel kommt immer zur Anwendung.


Auf Zeile 5 hingegen wird die Klasse "view-normal" vorangestellt, womit die Zeile 6, die die Hintergrundfarbe auf Grün setzt, im Bearbeitungsmodus NICHT angewendet wird.