Alle Seiten
Bereitgestellt von GitBook
1 von 2

Loading...

Loading...

Sliders

Konfiguration

Pfeile-Navigation


Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Rechteck (Standard) • Quadrat/Kreis

Beispiel Wert: Rechteck (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-style

Im Tab "Erlebniswelten" kannst du verschiedene Slider individuell konfigurieren.


Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht abgerundet • abgerundete Ecken (Standard) • runde Ecken

Beispiel Wert: abgerundete Ecken (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-corner-type


Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Effekt (Standard) • fade in

Beispiel Wert: fade in

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-hover-type


Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-color


Feldtyp: Farbauswahl

Beispiel Wert: transparent

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-border-color


Feldtyp: Farbauswahl

Beispiel Wert: transparent

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-background-color


Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-secondary

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-color-hover


Feldtyp: Farbauswahl

Beispiel Wert: darken($twt-base-slider-controls-border-color, 10%)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-border-color-hover


Feldtyp: Farbauswahl

Beispiel Wert: darken($twt-base-slider-controls-background-color, 7.5%)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"

Technischer Name: twt-base-slider-controls-background-color-hover


Feldtyp: Auswahlfeld

Verfügbare Werte: • Rechteck • Quadrat/Kreis (Standard)

Beispiel Wert: Quadrat/Kreis (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"

Technischer Name: twt-base-slider-navigation-dots-style


Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht abgerundet • abgerundete Ecken • runde Ecken (Standard)

Beispiel Wert: runde Ecken (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"

Technischer Name: twt-base-slider-navigation-dots-type


Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • vergrößern • umranden • ausfüllen • kreisförmig umranden

Beispiel Wert: Standard

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"

Technischer Name: twt-base-slider-navigation-dots-hover-type


Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten (Standard)

Beispiel Wert: zentriert ausrichten (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"

Technischer Name: twt-base-slider-navigation-dots-alignment


Feldtyp: Farbauswahl

Beispiel Wert: #bcc1c7

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"

Technischer Name: twt-base-slider-navigation-dots-background-color


Feldtyp: Farbauswahl

Beispiel Wert: #798490

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"

Technischer Name: twt-base-slider-navigation-dots-background-color-active

Ecken

abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.

Hover-Effekt

Textfarbe

Rahmenfarbe

Hintergrundfarbe

Textfarbe @hover

Rahmenfarbe @hover

Hintergrundfarbe @hover

Punkte-Navigation

Darstellungsart

Ecken

abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.

Hover-Effekt

Horizontale Ausrichtung

Farbe (Primär)

Farbe (Sekundär) @active/hover