Konfiguration
Basiskonfiguration
Breite
Feldtyp: Auswahlfeld
Verfügbare Werte: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)
Beispiel Wert:
Container-Max-Width (Full-width-boxed)
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-footer-width
Wähle den Größenmodus des Footers aus.
Innenabstand oben (Spalten) @Tablet/Desktop (≥768px)
Feldtyp: Nummernfeld
Beispiel Wert:
20
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-footer-columns-padding-top
Innenabstand rechts (Spalten) @Tablet/Desktop (≥768px)
Feldtyp: Nummernfeld
Beispiel Wert:
1
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-footer-columns-padding-right
Innenabstand unten (Spalten) @Tablet/Desktop (≥768px)
Feldtyp: Nummernfeld
Beispiel Wert:
1
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-footer-columns-padding-bottom
Innenabstand links (Spalten) @Tablet/Desktop (≥768px)
Feldtyp: Nummernfeld
Beispiel Wert:
1
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-footer-columns-padding-left
Spalten ausrichten
Feldtyp: Auswahlfeld
Verfügbare Werte: • zentriert ausrichten • space-between • space-around
Beispiel Wert:
space-between
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-footer-justify-content
Wähle die gewünschte horizontale Ausrichtung aus.
links Elemente werden am Anfang des Containers positioniert.
rechts Elemente werden am Ende des Containers positioniert.
zentriert Die Elemente befinden sich in der Mitte des Containers.
space-between Elemente werden gleichmäßig verteilt. Das erste Element an den Start, das letzte an das Ende.
space-around Elemente werden gleichmäßig verteilt. Alle Elemente haben gleiche Abstände um sie herum.
Farbkonfiguration
Textfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
#333333
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-footer-column-color
Linkfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
#333333
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-footer-column-link-color
Linkfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-footer-column-link-color-hover
Hintergrundfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
rgba(0, 0, 0, 0)
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-footer-columns-background-color
Textfarbe (Überschrift)
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-footer-column-headline-color
Rahmenfarbe (Überschrift)
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-footer-column-headline-border-color
Hintergrundbild
Hintergrundbild
Feldtyp: Medienauswahl
Beispiel Wert: ``
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-footer-main-section-background-image
Hintergrundbild anzeigen
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
anzeigen
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-footer-main-section-background-image-show
Abmessungen
Feldtyp: Auswahlfeld
Verfügbare Werte: • Ursprüngliche Abmessungen (auto) • Hintergrund vollständig abdecken (cover) • Hintergrund vollständig abdecken (contain)
Beispiel Wert:
Ursprüngliche Abmessungen (auto)
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-footer-main-section-background-image-size
auto Das auto Schlüsselwort skaliert das Hintergrundbild so in die entsprechende Richtung, dass das ursprüngliche Seitenverhältnis beibehalten wird.
cover Die Größe des Bildes wird so angepasst, dass das Seitenverhältnis beibehalten wird und der gesamte Inhaltsrahmen des Elements ausgefüllt wird.
contain Das Bild wird so skaliert, dass sein Seitenverhältnis beibehalten wird und es in den Inhaltsrahmen des Elements passt.
Position
Feldtyp: Auswahlfeld
Verfügbare Werte: • Links, Oben • Links, Mitte • Links, Unten • Rechts, Oben • Rechts, Mitte • Rechts, Unten • Mitte, Oben • Mitte, Mitte • Mitte, Unten
Beispiel Wert:
Links, Oben
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-footer-main-section-background-image-position
Wiederholung
Feldtyp: Auswahlfeld
Verfügbare Werte: • Keine Wiederholung (no-repeat) • Horizontal und vertikal (repeat) • Horizontal (repeat-x) • Vertikal (repeat-y)
Beispiel Wert:
Horizontal und vertikal (repeat)
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-footer-main-section-background-image-repeat
Fixierung
Feldtyp: Auswahlfeld
Verfügbare Werte: • Hintergrundbild scrollt mit der Seite (scroll) • Hintergrundbild bleibt fixier (fixed)
Beispiel Wert:
Hintergrundbild bleibt fixier (fixed)
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-footer-main-section-background-image-attachment
Scroll: Das Hintergrundbild scrollt zusammen mit Text und Bildern.
Fixed: Fixiert das Hintergrundbild an einer festen Position im Browserfenster und erweckt beim Scrollen den Anschein, die folgenden Inhalte würden über das Hintergrundbild geschoben.
Typografie
Textausrichtung
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten
Beispiel Wert:
links ausrichten
Pfad zur Einstellung: Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Typografie"
Technischer Name:
twt-footer-column-text-align
Last updated
