Divi-Beiträge standardmässig auf ganzer Seitenbreite darstellen

30. Januar 2022 | CSS-Stylesheet, Divi-Theme

Beiträge werden im Divi-Theme standardmässig mit einer Seitenleiste dargestellt. Ausserdem werden die Ränder eingerückt, was Platz verschwendet und überdies einer einheitlichen Darstellung nicht eben zuträglich ist. Zwar lässt sich dies in jedem Einzelfall händisch beheben – viel einfacher geht es aber mit einer Standardeinstellung, welche auf ein paar Zeilen CSS-Code basiert.

Natürlich lassen sich die Divi-Seitenleisten i njedem einzelnen Beitrag von Hand ein- und ausschalten. In den «Divi-Seiteneinstellungen» erscheint die Möglichkeit, die Seitenliste links oder rechts einzublenden oder (mittels «volle Seitenbreite», bzw. «Fullwidth») ganz zum Verschwinden zu bringen.

Jedoch geht dies oft vergessen und es ist sinnvoller, die Beiträge standardmässig auf der ganzen Seitenbreite darzustellen – mindestens dann, wenn man dies in allen Beiträgen möchte.

Um also neue Divi-Beiträge auf der vollständigen Seitenbreite zu präsentieren, benötigen wir folgende paar Zeilen CSS-Code. Fügen Sie diese im CSS-Stylesheet Ihres Divi-Child-Themes ein. Aufzurufen unter Design/Customizer/Zusätzliches CSS:

.single #sidebar {display: none;}
.single #left-area {width: 100%;}
.single #main-content .container:before {width: 0;}

Der Code blendet nun in alle Beiträgen die Seitenleiste aus und stellt die Seitenbreite auf «Fullwidth» – egal, welche Seitenenstellungen verwendet werden: der obige Code übersteuert diese.

Falls Sie jedoch lieber von Fall zu Fall entscheiden möchten, kommen Sie nicht umhin, doch händisch einzugreifen. Dieser Hack eignet sich wirklich nur dann, wenn alle Beiträge gleich behandelt werden sollen.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.









Vielen Dank.

Pin It on Pinterest

Share This