Headline H2
Ihre Überschrift in der Standarddarstellung H2.
Item-ID: 08-001
Beispielansicht Anleitung Verhalten
Beispielansicht
Left aligned H2 Headline
Centered H2 Headline
Right aligned H2 Headline
Anleitung
Headline anlegen
- Klicken Sie auf den Button + Inhalt, um das Headline-Element zu erstellen.
- Im Reiter Headline Element wählen Sie Headline.
- Alternativ suchen Sie in der Filtermaske nach dem gewüschten Element.
Überschrift einfügen
- Fügen Sie Ihren Überschriftentext in die entsprechende Maske ein.
Tag & Größe bestimmen
- Wählen Sie im Dropdown-Menü Headline Tag die Auszeichnung H2.
- Variieren Sie unter Headline Size ggf. die Größe, wenn diese vom toujou-Standard abweichen soll.
Ausrichtung & Farbe festlegen
- Wählen Sie im Dropdown-Menü Ausrichtung die gewünschte Position. Der Standard ist die linksbündige Ausrichtung.
- Wählen Sie im Menü Header Font Color zwischen den alternativen Farbvergaben.
Anmerkungen:
Die Auszeichnungen H1 bis H5 in Verbindung mit der Size-Auswahl Default (100%) bilden stets die in toujou voreingestellte Headline-Größe ab. Um diese zu variieren gelten folgende Orientierungsgrößen: H1 = alpha (312,5%); H2 = beta (250%); H3 = gamma (200%); H4 = delta (162,5%); H5 = epsilon (137,5%); Schriftgröße normal = omega (87,5%).
Standardmäßig verwenden die Überschriften der Größen H1, H4 und H5 die voreingestellte Schriftfarbe (Font Color), H2 die Primärfarbe (Primary Color) und H3 die Sekundärfarbe (Secundary Color).
Verhalten
Responsive: Wie bei Textfeldern auch, bleibt die Ausrichtung der Überschrift unabhängig vom Endgerät stets erhalten. Bei kleiner werdenden Endgeräten brechen Überschriften je nach Länge mehrzeilig um.
Besonderheiten: Je nach Auszeichnung, Größen- und Farbauswahl sind zahlreiche individuelle Kombinationen und Abweichungen von den toujou-Standardeinstellungen möglich.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.