Trick # 353 | Dieser Beitrag beinhaltet 222 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Wenn Sie das Standard-Menü des Divi-Themes nutzen, lässt sich das Website-Logo beim Scrollen mit einem einfachen CSS-Trick auswechseln Wir zeigen Ihnen, wie das geht.
Um beim Scrollen ein anderes Logobild für die Kopfzeile der Divi-Standard-Navigation zu erhalten, fügen Sie den folgenden CSS-Code in das CSS-Stylesheet Ihrer Website ein. Dies geschieht im Backend unter Design/Customizer/Zusätzliches CSS:
.et-fixed-header img#logo {
content: url('https://DOMAIN.CH/MIT-BILDPFAD/UND-DATEINAMEN');
}Den Passus auf Zeile 2 https://DOMAIN.CH/MIT-BILDPFAD/UND-DATEINAMEN müssen Sie dabei mit dem kompletten Pfad des gewünschten Logos ersetzen.
Werbung
Links in Lauftexten sind beliebt, um weiterführende Infos bereitzustellen. Mit ein wenig CSS lassen sich solche Verknüpfungen auch ganz einfach hervorheben und sogar animieren, wenn der Mauszeiger über den Link bewegt wird.
Das Divi-Theme lässt den Zweifinger-Zoom auf Tablets und Handys in den Grundeinstellungen nicht zu. Der Hersteller argumentiert mit der besseren Kontrolle der Darstellung auf kleinen Anzeigen. Das führt jedoch mitunter zu Strafen seitens der ...
Viele WebmasterInnen ziehen den WordPress-Classic-Editor dem unterdessen standardisierten Gutenberg-Editor - auch Blockeditor genannt - vor. Dafür braucht es nicht mehr als ein von WordPress kostenlos zur Verfügung gestelltes Plugin. Verwenden ...
CSS-Variablen sind ein hervorragender Weg, um dereinst Anpassungen an Ihrer Website vorzunehmen. In einer Bibliothek definieren Sie Farbwerte, Fontgrössen, Abstände und vieles mehr. Bei den CSS-Klassen werden dann nicht mehr die Werte ...
Keine Inhalte gefunden.
Werbung
