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
Das Blurb- oder Informationstext-Modul des Divi-Themes ermöglicht es, kurze Textblöcke adrrett darzustellen. Es lässt sich aber auch zu einem eigentlichen Teaser umfunktionieren. Wie Sie dies stylen können, erfahren Sie in diesem Beitrag.
Mit dem HTML-Element button können Sie ganz einfach Schaltflächen erstellen. Mit der Zugabe von noch ein wenig CSS-Code, werden die Buttons überdies richtig schmuck. Drei Gestaltungsmöglichkeiten zeigen wir Ihnen in diesem Beitrag.
Divi bringt standardmässig eigene Social-Media-Icons mit. Aktiviert man diese, öffnen sich die Links aber nicht automatisch in einem neuen Tab oder Fenster. Das lässt sich ändern.
Heute zeigen wir Ihnen eine kleine Verbesserung, die Ihrem Designprozess zu mehr Effizienz verhelfen kann. Wir zeigen Ihnen wie Sie die Standardhöhe (min. und max.) und die Standardbreite (min. und max.) des Builder-Popups im Divi-Theme ...
Keine Inhalte gefunden.
Werbung
