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
Während das Divi-Theme das Headermenu standardmässig am Seitenkopf fixiert, lässt Divi das Menu in der Mobilansicht verschwinden. Die Überlegung dahinter gründet im Platzbedarf: Auf den kleinen Anzeigen der Mobiltelefone und Tablets kann das ...
Neulich hat uns ein Mail erreicht: Darin war die Frage enthalten, wie sich Texte als Prägung auf der Website darstellen lassen. Natürlich ist das mit einem Grafikprogramm schnell gemacht – aber noch eleganter lösen wir dies mittels CSS-Code.
Mit dem Bildmodul des Divi-Themes lässt sich auch eine hübsche Bilderreihe erstellen. Eine Mini-Galerie quasi. Ein wenig Handarbeit braucht's allerdings noch. Schwierig wird's indes nicht.
Mit dem Karten-Modul des Divi-Themes können Sie auf einfache Weise eine Google-Karte auf Ihrer Website einblenden. Diese wird farbig dargestellt – hin und wieder passt aber die Kartenfarbe nicht zum übrigen Webdesign. Mit ein wenig CSS-Code ...
Keine Inhalte gefunden.
Werbung
