Konfiguration

Basiskonfiguration

Grundlayout

Feldtyp: Auswahlfeld

Verfügbare Werte: • full-width • full-width-boxed • boxed

Beispiel Wert: full-width-boxed

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-container-layout

Wähle den Größenmodus des Containers aus.

Abgerundete Ecken

Feldtyp: Nummernfeld

Beispiel Wert: 2

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-border-radius

Hintergrundbild

Feldtyp: Medienauswahl

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image

Hintergrundbild anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-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 "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-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 "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-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 "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-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 "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-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.

Container

Maximale Breite

Feldtyp: Nummernfeld

Beispiel Wert: 1400

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container"

Technischer Name: twt-container-max-width

Innenabstand links/rechts @Phone (<576px)

Feldtyp: Nummernfeld

Beispiel Wert: 7

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container"

Technischer Name: twt-container-padding-left-right

Container (Grundlayout "boxed")

Außenabstand oben/unten

Feldtyp: Nummernfeld

Beispiel Wert: 30

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-margin-top-bottom

Nur bis "Container" > "Maximale Breite" erreicht.

Schlagschatten

Feldtyp: Textfeld

Beispiel Wert: 0 0 30px

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-box-shadow

Schattenfarbe

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0.3)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-box-shadow-color