Trick # 481 | Dieser Beitrag beinhaltet 404 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Der Standard-Header des Divi-Themes lässt sich mit einem Hintergrundbild versehen. So wie im Kopf dieses Beitrags. Das geht mit ein wenig CSS-Code ganz einfach.
Für unseren Hintergrund im Divi-Header haben wir dieses Bild ausgewählt:
Die Bildauswahl ist ob des schmalen Formats freilich nicht ganz einfach, wie Sie bestimmt bemerken werden. Wir haben darum einen Ausschnitt gewählt, welcher den Horizont zeigt. Zusätzlich haben wir das Bild ein wenig aufgehellt.
Umso einfacher ist derweil die Platzierung. Kopieren Sie dafür den folgenden Code ins CSS-Stylesheet Ihrer Divi-Website. Unter Design/Customizer/Zusätzliches CSS:
#main-header {
background-size: initial;
background-repeat: repeat;
background-image: url(https://ihredomain.ch/pfad-zu-ihrem-bild.jpg) !important;
}Anpassen müssen Sie den Pfad zum gewünschten Bild. Sie finden den entsprechenden Platzhalter in Zeile 4 des CSS-Codes.
Werbung
Werbung
