Trick # 491 | Dieser Beitrag beinhaltet 250 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
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.
Sie benötigen dafür einzig eine andere Grafikdatei als das Standard-Logo plus ein wenig CSS-Code. Diesen kopieren Sie in das CSS-Stylesheet Ihrer Website – im Backend unter Design/Customizer/Zusätzliches CSS:
.et-fixed-header #logo {
content: url(https://ihre-domain.ch/pfad-zum-zweiten-logo.jpg);
} Der Hack funktioniert im Standard-Header einer Divi-Website. Anpassen müssen Sie lediglich den Pfad zum Bild in Zeile 2; schon wird das Website-Logo beim Scrollen ausgetauscht – sowie im Header dieses Beitrags.
Werbung
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.
In unserer kleinen «Call-To-Action»-Reihe haben wir eine weitere Gestaltungsidee: Den diagonal abgeschrägten Button, der beim Hovern gerade Kanten erhält. Ist ganz einfach zu machen.
Die Metatexte (Datum, Kategorie, AutorIn) erscheinen im Divi-Blog-Modul standardmässig unter dem Titel als Links. Es gibt aber die Möglichkeit, daraus Schaltflächen zu bauen und diese über das Bild zu legen. Hier zeigen wir Ihnen, wie Sie dies ...
Mit dem Accordion-Modul aus dem Divi-Theme lassen sich Websites übersichtlich strukturieren. Die einzelnen Accordion-Inhalte lassen sich aber auch über einen Link direkt öffnen. Das ist eine nette Dienstleistung an Ihre Website-BesucherInnen.
Keine Inhalte gefunden.
Werbung
