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
Texte in einem Textmodul des Divi-Themes können Sie vorzüglich mit einer Focus-In-Animation zum Eyecatcher umwandeln. Die Texte werden zunächst unscharf und gedehnt dargestellt und werden dann langsam schärfer und schmaler.
Das Standard-Divi-Menu für die Anzeige auf Mobilgeräten zeigt einen farbigen Rand an. Ich mag das - aber es gefällt nicht allen. Hier ein Hack, wie Sie den Trennstrich los werden.
Die Divi-Standardkopfzeile kann mit einer sekundären Kopfzeile konfiguriert werden, die unter anderem eine Telefonnummer und eine E-Mail-Adresse anzeigt. Wenn Sie jedoch eine mit dem Divi-Builder eine benutzerdefinierte Kopfzeile verwenden, ...
Im Divi-Theme ist ein schönes Tab-Modul (auf deutsch «Registerkarte») enthalten, mit welchem Sie Informationen übersichtlich aufbereiten können. Wenn die Tabs (die Reiter) jedoch sehr unterschiedliche Textumfänge haben, kann das auch mal ...
Keine Inhalte gefunden.
Werbung
