Abstände mit Klassen beinflussen
Im Frontend der Seite werden die Inhaltselemente mit vordefinierten Abständen dargestellt. Es gibt Situationen, in denen die vordefinierten Abstände nicht richtig passen, so dass man diese beinflussen möchte. Dem Redakteur steht dazu folgende Möglichkeit zur Verfügung.
Experten-Einstellungen
Fast alle Inhaltselemente bieten in der Bearbeitungsansicht den Bereich Experten-Einstellungen. Hier stehen zwei Eingabefelder zur Verfügung. Das erste Feld (links) ist zum Eintragen einer ID, das zweite Feld (rechts) zum Eintragen einer CSS-Klasse. Die Möglichkeit Abstände zu verändern, wird über das Eintragen eines Klassennamens im rechten Feld erreicht.
Klassen eintragen
Es gibt zwei Schlagworte/Anweisungen (css Klassen), die in das Feld eingetragen werden können, um damit den Abstand des Folgeelements auf der Website zu beeinflussen:
- abstandunten
- keinabstandunten
Bitte beachten Sie die korrekte Schreibweise bei der Nutzung.
Die beiden Anweisungen sprechen für sich selbst, hier aber die Erklärung.
abstandunten
Einige Elemente, wie z. B. Akkordion haben von Haus aus einen kleineren Abstand zu nachfolgenden Elementen, als es die meisten anderen Inhaltselemente haben. Hier ein Beispiel vor und nach nutzen der Klasse abstandunten.
keinabstandunten
Andersherum geht es auch. Der vordefinierte Abstand, den Inhaltselemente zueinander haben, kann verringert werden. Im folgenden Beispiel möchten wir den Abstand zwischen dem Element Headline (rote Überschrift) und dem Textelement (beginnt mit schwarzer Überschrift) verringern. Tragen Sie den Klassennamen keinabstandunten in das rechte Feld ein.
