Lesefortschritt:

Text-Animation im Slider-Modul deaktivieren

10. Juli 2024 | CSS-Stylesheet, Divi-Theme

Dieser Beitrag beinhaltet 672 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.

Das Slider-Modul des Divi-Themes beinhaltet eine nette Animation für die enthaltenen Texte. Vielen ist das der Spielerei zuviel. Die Animation lässt sich aber auch ganz einfach abschalten.

Von Haus aus schiebt das Slider-Modul des Divi-Themes die darzustellenden Text von unten nach oben. So wie im Beispiel nebenan:

Slide #1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Slide #2

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Slide #3

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

Dieses Verhalten lässt sich ganz einfach deaktivieren. Kopieren Sie die folgenden Zeilen und fügen Sie diese in das CSS-Stylesheet Ihrer Website – unter Design/Customizer/Zusätzliches CSS – ein:

.et_pb_slide_description {
animation:none!important;
}

Das sieht dann so aus wie nebenan:

 

Die Animation bei der Folieneinblendung ist deaktiviert.

Slide #1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Slide #2

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Slide #3

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This