Trick # 283 | Dieser Beitrag beinhaltet 257 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Mit dem Passwortmodul von Divi können Sie passwortgeschützte Seiten mit dem Divi-Builder gestalten. Mit einem kleinen zusätzlichen Hack stellen Sie sicher, dass der Cursor im Passwortfeld des Passwort-Moduls sofort bereit ist, wenn die Seite geladen wird.
Das geht ganz einfach: Kopieren Sie den folgenden JavaScript-Code und fügen Sie ihn in den Headerbereich Ihrer Website ein. Im Backend unter Divi/Theme-Optionen/Integration/Code dem <head> Ihres Blogs hinzufügen:
<script>
/* Fokus auf Passwortbox-Modul, falls vorhanden */
if (document.querySelector) {
var passwordBox = document.querySelector(".et_pb_dbpp_page_password_password");
if (passwordBox) {
passwordBox.focus();
}
}
</script>Nun ist beim Laden einer passwortgeschützten Seite der Cursor immer gleich im Passwortfeld bereit zur Eingabe.
Werbung
Der Standard-Header des Divi-Themes lässt sich mit einem Hintergrundbild versehen. So wie im Kopf dieses Beitrags. Das geht mit ein wenig CSS-Code ganz einfach.
Im Divi-Theme ist ein Portfolio-Modul enthalten, welches mit Filtern dargestellt wird. Wechselt man den Filter werden die anzuzeigenden Beiträge elegant von links nach rechts ins Bild geschoben. Dieser Effekt lässt sich aber verändern: Beiträge ...
Wenn Sie möchten, dass Divi ausschliesslich Produkte Ihres Webshops durchsucht, sollten Sie sich diesen Hack zu Gemüte führen. Beiträge und Seiten lassen sich für die Shopsuche nämlich ganz einfach ausschliessen.
Die meisten Kontaktformulare zeigen Beschriftungen über den Eingabefeldern. Im Divi-Formularmodul sind diese Feldbeschriftungen standardmässig nicht sichtbar. Mit einem CSS-Snippet werden die Beschriftungen eingeschaltet. Wir zeigen Ihnen, wie ...
Keine Inhalte gefunden.
Werbung
