WordPress

Allgemein

Technik

Design

Konzept

WordPress Plugins

Interessantes

Vermarktung

Themen

Font / Schriften

Social Media

Youtube

eCommerce

Gemischtes

Kolumne

Webinar

Blog Archiv

Kurse / Webinare

Meine nächste Webinare / Kurse

Divi: Wie erweitere ich das Zähler Modul?

von | Jan 31, 2023 | Allgemein, Technik | 0 Kommentare

Schlagwörter: DIVI

Das Zähler Modul in Divi ist eine geniale Sache, wenn man eine Zahl leicht animieren möchte. So kann man dann den Webseiten Besuchern zeigen, wieviele Kunden man bisher hatte oder wieviele Kaffeetassen man bereits getrunken hat.

Ich setze dieses Modul fast jedesmal ein, wenn ich ein Kundenprojekt erstelle.

In diesem Video zeige ich euch wie ihr nun dieses Zählermodul so erweitern könnt, dass ihr auch vor und nach der Zahl etwas anzeigen lassen könnt. Als Beispiel habe ich hier jetzt die CSS Klasse werte genommen – ihr müsst natürlich den Klassennamen so anpassen, dass er euch gefällt. Denkt ebenfalls daran, dass ihr für jedes Zählermodul einen eigenen Klassennamen verwenden müsst 🙂 aber daran muss ich euch sicher nicht erinnern.

Video

CSS – Werte vor der Zahl

1
2
3
.werte .percent-value:before {
	content: "AAA ";
}

CSS – Werte nach der Zahl

1
2
3
.werte .percent-value:after {
	content: " XXX";
}

CSS – Werte vor und nach der Zahl

1
2
3
4
5
6
7
.werte .percent-value:before {
	content: "AAA ";
}
 
.werte .percent-value:after {
	content: " XXX";
}




0 Kommentare

Einen Kommentar abschicken

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