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
Im Divi-Theme können Sie mehrere Elemente nebeneinander darstellen. Für die Responsive-Ansichten auf Tablets und Mobiltelefonen reiht Divi diese Elemente dann untereinander auf. Das ist meist gut so - hin und wieder passt das aber eben nicht. ...
Der Divi-Builder - mit welchem Sie im Backend Ihre Inhalte gestalten - ist in zwei Versionen verfügbar: Neben der modernen Variante wird nach wie vor der Classic-Divi-Builder angeboten, der bis Sommer 2019 der Standard-Builder war. Da und dort ...
Im Divi-Theme gibt es ein Countdown-Modul, welches auf ein kommendes Ereignis die Tage, Stunden, Minuten und Sekunden rückwärts laufen lässt. Der Timer sieht ansprechend aus, hat aber den Schönheitsfehler, dass da auch mal steht «noch 002 ...
Vielleicht möchten Sie in der Desktop-Ansicht ein anderes Website-Logo zeigen als in der Mobilansicht? Zum Beispiel eines ohne Claim, weil dieser auf Mobilgeräten eh nicht gut lesbar ist? Nichts leichter als das.
Keine Inhalte gefunden.
Werbung
