SEKTIONS-HINTERGRÜNDE

Modifier-Klassen für Divi-Sektionen. Setzen Hintergrundfarbe und passen automatisch die Textfarben (Headlines, Paragraphs, Links) an — so müssen die Farben nicht pro Modul einzeln gesetzt werden.

Die Klasse wird im Divi Section-Tab unter CSS-Klasse eingetragen.

Live Preview

So sieht jede Variante im Einsatz aus:

.section--navy

Überschrift Navy

Fließtext wird automatisch weiß. Auch Links werden hell.

BG #222D58 (Navy)

.section--teal

Überschrift Teal

Fließtext weiß. Links in Akzentfarbe.

BG #005A84 (Teal Dark)

.section--light

Überschrift Light

Fließtext navy. Links in Teal.

BG #FFFFFF (Weiß)

.section--bg

Überschrift BG

Fließtext navy. Links in Teal.

BG #F5F5F5 (Hellgrau)

ÜBERSICHT

Klasse	BG	Hex	Textfarbe (automatisch)
`.section--navy`		#222D58	Weiß — Headlines, Body, Links
`.section--teal`		#005A84	Weiß — Headlines, Body, Links
`.section--light`		#FFFFFF	Navy — Headlines, Body
`.section--bg`		#F5F5F5	Navy — Headlines, Body

<!-- Divi Sektion: CSS-Klasse im Section-Tab --><section class="section--navy">  <h2>Automatisch weiß</h2>  <p>Kein manuelles Nachziehen der Textfarben nötig.</p></section>