Divi Informationstext Modul Puls-Effekt

von | 20.02.2018 | 0 Kommentare

Nach kurzer Abwesenheit wird es wieder Zeit für ein Divi* CSS Tutorial. In diesem Beitrag werde ich euch zeigen, wie ihr das Divi „Blurb Module“ oder auch bekannt als Informationstext Modul, aufpimpen könnt.
Der Puls-Effekt ist eine relativ simple aber eindrucksvolle Möglichkeit, um den Besucher auf ein bestimmtes Element aufmerksam zu machen. So haben wir den Puls Effekt auf unserer Webseite Swish Webdesign umgesetzt:

Swish Webdesign Agentur aus Osnabrueck

Sieht ganz cool aus, oder?

Jetzt wollen wir uns mal ansehen wie das ganze funktioniert.

Divi Blurb Module Puls Effekt

1. Als erstes erstellen wir einen neuen Beitrag oder eine neue Seite, auf der wir den Effekt einsetzen wollen.

2. Jetzt fügen wir das Informationstext Modul hinzu. Ihr könnt ein Modul verwenden oder mehrere nebeneinander, wie in unserem Beispiel – das ist euch überlassen.

Divi-Informationstext-Modul

3. In den Einstellungen des Moduls laden wir unser Icon als Bilddatei hoch. Unser Bild ist 100x100px groß.

Divi-Blurb-Modul-Bild-hochladen
4. Anschließend vergeben wir unter dem Reiter „Erweitert“ die CSS-Klasse „wplo-blurb„.

Wplo-Blurb-CSS-Klasse

Pulse-Effekt CSS

Jetzt fehlt nur noch der CSS-Code. Wenn ihr euch noch unsicher mit dem Einbinden von CSS Code seid, dann schaut euch das Video-Tutorial an. Dort zeige ich Schritt für Schritt, wie man den Puls-Effekt einsetzt und individuelle Anpassungen vornimmt.
Folgender CSS-Code muss in das Feld benutzerdefiniertes CSS oder euer Divi Child Theme eingefügt werden:

Webdesign-Osnabrueck

Wenn dir der Artikel gefallen hat, dann freuen wir uns über ein Follow auf Twitter und Facebook. Mehr WordPress und Divi Video Tutorials findest du auf unserem YouTube Channel.

Noch Fragen?

Verbesserungsvorschläge oder Anregungen für weitere Artikel? Dann nutz' die Kommentarfunktion unter diesem Beitrag!

Wir können das Tutorial auch für dich durchführen. Stell hierfür eine Anfrage bei Swish!

Das könnte dich auch interessieren

Anzeige
Aktuelle Beiträge
WordPress: Link auf Nofollow setzen

WordPress: Link auf Nofollow setzen

Wie setzte ich Links auf Nofollow? Wann sollen Links auf Nofollow gesetzt werden und was bedeutet Nofollow eigentlich? Das alles sind Fragen, die sich wohl irgendwann jeder beim Aufbau einer Website stellt. Ich persönlich halte das Thema für überbewertet und genau aus...

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.