Trick # 260 | Dieser Beitrag beinhaltet 306 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Mit einem ganz einfachen Trick kann der Button im Divi-Theme mit einem sanften 3D-Effekt versehen werden. Bewegt man dann die Maus über die Schaltfläche wird diese (mit Schein) etwas angehoben.
Den folgenden Code speichern Sie im CSS-Stylesheet Ihrer Divi-Website – unter Design/Customizer/Zusätzliches CSS:
.et_pb_button:hover {
transform:scale(1.02) translateY(-3px);
box-shadow:1px 10px 25px -10px rgba(0,0,0,0.3);
}Das Ergebnis zeigt sich dann so:
Spielen Sie im CSS-Code vor allem mit den Werten aus der Zeile 2. Dort können Sie die Verschiebung des Buttons und dessen Skalierung beeinflussen.
Werbung
Heute – zum Anlass des 500. Beitrags aus der Praxis von Dr. Code – stellen wir ein Tutorial zur Verfügung, mit welchem sich ganz einfach eine Lesefortschrittsanzeige auf der Divi-Website erstellen lässt. Sie besteht aus einem Balken, der auf ...
Im Button-Modul des Divi-Themes lässt sich standardmässig bloss eine einzige Textzeile platzieren. Wem das nicht genügt und wer gerne eine zweite Textzeile hätte, muss ein wenig nachhelfen. Wir zeigen Ihnen wie.
Das Button-Modul des Divi-Themes bietet die Möglichkeit, neben der Tastenbeschriftung ein Icon anzuzeigen. Dabei kommt jeweils ein Symbolbild aus dem Portfolio der Divi-Icons zum Zug. Doch dieses lässt sich auch mit einem Font-Awesome-Icon ...
Das Divi-Theme verfügt über ein Blog-Modul, mit dem Sie eine Liste von Beiträgen anzeigen können. Sie können auch einige Details zusammen mit den Beiträgen anzeigen: z.B. den Autor des Beitrags und die Kategorien, zu denen der Beitrag gehört. ...
Keine Inhalte gefunden.
Werbung
