Divi-Speciality-Section auf ganzer Seitenbreite anzeigen

4. Juli 2021 | CSS-Stylesheet, Divi-Theme

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 Seitenbreite angezeigt werden. Wir zeigen Ihnen wie’s geht.

Zunächst legen Sie eine CSS-Klasse für die Sektion fest. Klicken Sie im Divi-Builder auf «Erweitert» (oder «Advanced») und geben Sie unter CSS-ID und -Klassen in der Zeile CSS-Klasse einen passenden Namen ein. Wir verwenden in unserem Beispiel

fullwidth-specialty-section

Nun kopieren Sie den folgenden Code in das CSS-Stylesheet Ihrer Website. Dieses können Sie unter Design/CCustomizer/Zusätzliches CSS bearbeiten:

.fullwidth-specialty-section> .et_pb_row {
min-width: 100% !important;
}

Die Sektionen mit obiger CSS-Klasse werden nun auf 100 % der Seitenbreite angezeigt. Natürlich können Sie den Wert auch mit niedrigeren Prozentzahlen festlegen.

Man kann sich fragen, ob man für die Darstellung auf der vollständigen Breite nicht besser die Fullwidth-Sections verwenden sollte. Eine berechtigte Frage – allerdings funktionieren die Fullwidth Sections nur mit einigen wenigen Modulen. Nicht so die Standard- und Speciality-Sections. Diese lassen sich mit allen gängigen Divi-Modulen bestücken.

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