Trick # 275 | Dieser Beitrag beinhaltet 253 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Divi-Theme blendet von Haus aus einen Header ein. Darin erscheint etwa das Menu und zusätzlich noch ein Logo. Ab und an möchte man aber diesen Standard-Header vollständig ausblenden – etwa auch, um ihn zu ersetzen. Wie das geht, zeigen wir Ihnen hier.
Sie benötigen ein paar Zeilen CSS-Code. Diesen sehen SIe unten – kopieren Sie ihn und fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein. Das geht ganz einfach im Backend unter Design/Customizer/Zusätzliches CSS:
/* Header ausblenden */
#main-header {
display:none;
}
#page-container {
padding-top:0px !important;
margin-top:-1px !important
}
/* Zwischenraum bis zum Inhalt festlegen */
.et_transparent_nav #main-content .container {
padding-top: 58px !important;
}Und schon ist der Header mitsamt Logo und Menu ausgeblendet.
Werbung
Das Divi-Theme bietet im Builder neben den Standard-Sektionen auch Spezial-Sektionen (auch Speciality Section genannt), welche weitere Möglichkeiten bei der Darstellung Ihres Contents eröffnen. Diese Sections können auch auf der vollen ...
Wichtige Textpassagen können Sie augenfällig unterstreichen – mit einer kleinen Grafik, die dann exakt unter den hervorzuhebenden Text platziert wird. Wie das geht, zeigen wir in diesem Trick aus der Dr.-Code-Praxis.
Besonders wenn Sie ab und an selber an ihren Theme-Dateien oder am CSS-Stylesheet Hand anlegen, kann es nach einiger Zeit unübersichtlich werden: Was genau tut der Code in der functions.php? Welches Styling wird von Zeile 987 in meinem ...
Mit einem Button lassen sich Texte expandieren und wieder verstecken. Damit lassen sich Infos bereitstellen, ohne, dass die Website zur Bleiwüste wird. Try it.
Keine Inhalte gefunden.
Werbung
