Lesefortschritt:

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

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

Trick # 135 | Dieser Beitrag beinhaltet 390 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

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

Anruf oder SMS mit dem Divi-Button starten

Während viele Websites Kontaktformulare verwenden, gibt es Zeiten und Geschäfte, die einen direkteren oder dringenden Kontakt erfordern. Hier kann ein traditioneller Telefonanruf oder sogar eine Textnachricht sehr nützlich sein. Hier erfahren ...
Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.