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 den Standard-Header verwenden, der mit dem Divi-Theme installiert wird, kann es Ihnen ein Bedürfnis sein, diesen nicht von Beginn weg anzuzeigen. Den Seitenkopf zunächst (und bis zum Scrollen) zu verbergen, geht mit ein wenig Code.
Das Button-Modul des Divi-Themes umfasst ja bereits einige Einstellungsmöglichkeiten. Ein paar zusätzlich Spielereien sind aber allemal drin. Zum Beispiel können Sie den Schaltflächen beim hovern einen hübschen Glanzeffekt spendieren. Wir ...
Der «Senden»-Button im Divi-Kontaktformular-Modul wird von Haus aus rechtsbündig dargestellt. Es gibt keine Möglichkeit, den Button zentriert oder links auszugeben. Oder doch? Mit ein wenig CSS steuern Sie die Darstellung ganz einfach.
Ein Pre-Loader ist in der Regel eine einfache Animation, die angezeigt wird, wenn Ihre Website geladen wird. Er kann äusserst hilfreich sein, wenn eine Website komplex ist und ihre Ladezeit einige Sekunden beträgt. Um das Interesse Ihrer ...
Keine Inhalte gefunden.
Werbung
