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/Customizer/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
