Trick # 395 | Dieser Beitrag beinhaltet 463 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Die Kopf- oder Fusszeile (Header oder Footer) des Divi-Themes können bei Bedarf auf einzelnen spezifischen Seiten ausgeblendet werden. Das geht ganz einfach – wir erzählen Ihnen wie.
Es gibt mehrere Lösungen, um den Header oder Footer für einzelne Seiten zu verstecken – ein Weg führt etwa über den Theme-Builder. Heute schlagen wir Ihnen aber die Lösung via CSS-Code vor. Wir finden: das ist noch einfacher.
Zunächst müssen Sie aber herausfinden, welche ID Ihre Seite hat. Bearbeiten Sie hierfür den entsprechenden Inhalt und werfen Sie einen Blick in die Adresszeile des Browsers. Die sieht bei diesem aktuellen Beitrag so aus:
Unser Beitrag hat also die Nr. 21014 – diese ID sollten Sie notieren.
Nun benötigen Sie etwas CSS-Code. Dieser ist abhängig davon, ob Sie eine Seite vom Header und/oder Footer befreien möchten. Wählen Sie den passenden Code (oder beide) aus der folgenden Auswahl und fügen Sie den Inhalt in das CSS-Stylesheet Ihrer Website (im Backend unter Design/Customizer/Zusätzliches CSS) ein:
Header auf einer spezifischen Seite ausblenden
.page-id-21014 #main-header {
display: none;
}
.page-id-21014 #page-container {
padding-top: 0px!important;
}Footer auf einer spezifischen Seite ausblenden
.page-id-21014 #main-footer {
display: none;
}21014 müssen Sie dabei mit der ID Ihrer Seite ersetzen. Danach sollte der Kopf- und/oder Fussbereich der entsprechenden Seite ausgeblendet sein. Nicht?Werbung
Werbung
