How to: Schatten / Linie unter dem Divi Header entfernen oder anpassen
Howto: Schatten / Linie unter dem Divi Header entfernen oder anpassen
Divi Header kein Schatten
#main-header,
#main-header.et-fixed-header {
box-shadow:none !important;
}Divi Header Schatten anpassen
#main-header,
#main-header.et-fixed-header {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
}Das sind zwei CSS-Code-Snippets, welche ich sehr oft bei unseren Divi-Webdesign-Projekten verwende. Hier erfährst du, wie du Custom CSS zu Divi hinzufügst!
Der Divi Page Builder gibt uns unzählige Möglichkeiten, den Inhalt unserer Seite genau so zu stylen, wie wir uns das vorstellen — bei anderen Elementen sieht das dann schon wieder anders aus, bspw. beim Divi Header. Es gibt im Customizer zwar ein paar Einstellungsmöglichkeiten, dennoch sieht jeder Divi Header eigentlich immer gleich aus. Insbesondere die Linie unter dem Header, welche keine border-bottom, sondern ein box-shadow ist, der sich beim JQuery-getriggerten Wechsel zum Fixed Header dahingehend verändert, das der Blur-Wert erhöht wird.
Divi Theme Builder: Custom Header
Anstatt den Standard Header über CSS anzupassen, können wir seit einigen Updates über den Divi Theme Builder einen ganz eigenen Custom Header erstellen. Dabei wird der Page Builder für das Design des Headers genutzt, was uns vollkommene Design-Freiheit verspricht. Es lässt sich sogar für verschiedene Seiten, Kategorieren oder Post Types ein unterschiedlicher Header (sowie Footer / Body) einstellen. Ein massiver Game Changer aus der Elegant Themes Schmiede. Mehr Informationen zum Custom Header hier.
Joshua | CEO
Joshua führt als CEO nicht nur das Team, sondern begeistert auch mit seiner Leidenschaft für Online-Marketing und Suchmaschinenoptimierung. Im Blog gibt er praxisnahe Tipps zu SEO, Performance und digitalem Erfolg.
