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
Ein weiterer Hingucker: Der Text, der auf der Seite aufpoppt und dem/der BetrachterIn zum Schein entgegenspringt. Einfach zu machen mit ein wenig CSS-Code.
Die Blog-Übersichten im Divi-Theme bieten schon einige Möglichkeiten zum Styling. Doch richtig cool wird die Bildwelt, wenn Sie mit ein paar CSS-Tricke noch ein wenig nachhelfen. Zwei Möglichkeiten möchten wir Ihnen heute vorstellen.
Die «Call To Action»-Module (in der deutschen Version «Handlungsaufrufe» genannt) des Divi-Themes sind eine feine Sache, haben aber den Nachteil, dass deren Höhe von der eingegebenen Textlänge abhängig ist. Bisweilen sieht das nicht sehr hübsch ...
Besonders Preislisten oder andere Tabellen werden schnell mal unübersichtlich: User können die Zeile «verlieren». Sie können helfen und das Auge beim Lesen «führen». Das geht ganz einfach.
Keine Inhalte gefunden.
Werbung
