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