Trick # 260 | Dieser Beitrag beinhaltet 0 Wörter. – Geschätzte Lesezeit: ca. 0 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
Das Menü-Modul des Divi-Themes lässt sich links oder zentriert ausrichten – jedoch nicht rechtsbündig darstellen. Wenigstens nicht mit den Layout-Einstellungen, welche innerhalb des Moduls möglich sind. Mit ein wenig CSS klappt's dann aber gleichwohl.
Vielleicht wünschen Sie sich, das Logo Ihrer Website beim Scrollen zu verändern? Zum Beispiel nur die Bildmarke ohne Slogan abbilden? Das geht im Standard-Header des Divi-Themes ganz einfach.
Das Divi Menu-Modul verfügt über keine Hover-Stile, abgesehen von einer einfachen Änderung der Linkfarbe. Hier finden Sie eine Liste von sieben verschiedenen Hover-Effekten mit animierter Unterstreichung.
Standardmässig macht das Divi-Theme aus jedem Menü auch eine mobile Variante für Tablets und Mobiltelefone. Das ist meist patent - oft braucht man auf diesen Geräten aber kein Footer-Menu. Wenn Ihnen das Standardmenu im Header auf Mobilgeräten ...
Keine Inhalte gefunden.
Werbung
