Globale Styles

Ein Globaler Style ist ähnlich wie ein Globales Element. Nur eben fürs Styling.

Es ist also ein Style, der nicht nur einem Element, sondern mehreren Elementen in mehreren Seiten und Templates zugeordnert werden kann. Oder anders gesagt: Es sind Klassen.

Dabei kannst du jedem Element einen Globalen Style zuordnen. Wenn du hier eine Änderung vornimmst, wird diese automatisch überall getätigt, wo die Zuordnung ebenfalls vorkommt:

Dabei greifen die Globalen Styles für alle Element-Stati (Normal, Hover etc.) und für alle Bildschirmgrößen (Responsive). Einzige Ausnahme sind Animationen und Formen. Diese müssen jedem Element einzeln hinzugefügt werden.

Globalen Style wählen

Wenn du ein Element kopierst, bleibt die Zuordnung für den Globalen Style vorhanden. Falls du das nicht möchtest, kannst du den Globalen Style entfernen (siehe unten).

Globalen Style bearbeiten

Beachte hier jedoch, dass du damit alle Elemente in allen Seiten und Templates gleichzeitig stylst, die die Zuordnung haben.

Globalen Style entfernen

Wenn du einen Globalen Style entfernst, wird einfach das Standard Style (siehe unten) für das Element geladen.

Globalen Style erstellen

Um einen Globalen Style zu erstellen, wähle das Element aus, gib einen Namen ein und bestätige mit Enter:

Globalen Style umbenennen

Globalen Style kopieren

Globalen Style löschen

Ein Globaler Style kann nur gelöscht werden, wenn er keinem Element mehr zugeordnet ist.

Standard Styles

Standard Styles beziehen sich auf das Styling von neuen Elementen und Elementen, die keinen Globalen Style zugeordnet haben.

Änderst du z.B. das Standard Styling eines Buttons von Blau nach Grün, ist jeder Button, den du neu reinziehst und jeder Button, der keinen Globalen Style zugeordnet hat, automatisch Grün.

Um einen Standard Style zu ändern, klicke auf das Element und wähle den Standard Style aus (du bekommst immer nur den passenden angezeigt):