Trick # 360 | 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:
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.
Werbung
Heute ein interessanter Animationseffekt: Texte werden quasi live am Monitor geschrieben. Dieser Typewritereffekt startet, sobald die Seite geladen wird. Sie benötigen bloss einige Zeilen CSS-Code - wir zeigen Ihnen alles weitere.
In unserer kleinen «Call-To-Action»-Reihe haben wir eine weitere Gestaltungsidee: Den diagonal abgeschrägten Button, der beim Hovern gerade Kanten erhält. Ist ganz einfach zu machen.
Die Divi-eigenen Pojects geben sich schon an der URL als solche zu erkennen. Der URL-Teil /project/ passt aber meist gar nicht zum dargebotenen Inhalt. Dies lässt sich ganz einfach ändern.
Verlinkte Bilder können im Divi-Theme mit einem Overlay angezeigt werden. Das klappt bestens etwa im Bildmodul oder auch im Blogmodul. Dabei wird dann jeweils das Bild mit einer transparenten Farbe belegt und in der Mitte ein Icon agezeigt, ...
Keine Inhalte gefunden.
Werbung
