Grundsätzliches zum Verständnis:
Du hattest in der alten Seite mehrere, verschiedene Hintergründe erzeugt, die habe ich in das neue Divi übertragen. Die Hintergründe waren/ sind an die Sektionen vergeben, damit sie randlos werden und sie sind so aufgeteilt:
1) Weisser Hintergrund
2) Hellgrauer Hintergrund
3) Hintergrund mit Verlauf von hellgrau zu weiss, darüber ein Bild (z.B. bei https://paarcoaching-augsburg.de/ueber-mich/ in der Sektion mit dem Buch)
—
Zusätzlich gabe es auch Sektionen mit Schatten nach unten und Sektionen ohne Schatten nach unten. Das musste ich im neuen Divi nachstellen.
Bei all dem bin ich wie folgt vorgegangen:
Hintergründe:
Die Hintergrundfarbe, die sich nicht ändert (also das helle Grau) wird immer über Divi direkt vergeben. Dazu habe ich dieses Grau bereits vordefiniert, du kannst es jedem beliebigen Elenemt zuordnen. wie das geht, erkläre ich gerne am Telefon.
Weiß musst du nicht anlegen, das ist der Normalzustand.
Den Verlaufhintergund konnte ich nicht mit den Bordmitteln von Divi erzeugen, daher habe ich ihn als Klasse vergeben. Wenn du also eine Sektion benötigst, die diesen Verlauf hat, dann gibst du dieser Sektion die Klasse “my_gradient”. Ein Bild kannst du mit den Divi-Bordmitteln darüberlegen.
Schatten:
Die Schatten werden — unabhängig von der Hintergrundfarbe über Klassen vergeben. Dabei gibt es folgende zwei Klassen:
1) “schatten_weiss_grau”: Eine weiße Sektion wird von einer grauen gefolgt.
2) “schatten grau_weiss”: Eine graue Sektion wird von einer weißen gefolgt.
Fügst du keine Klasse hinzu, entsteht auch kein Schatten.
Technisch gehört der Schatten noch zur oberen Sektion. Im Browser sieht es jedoch so aus, als würde der Schatten zum Übergang zwischen den beiden Sektionen gehören. Deshalb muss die jeweilige Schatten-Klasse immer der oberen Sektion zugeordnet werden und die Reihenfolge weißYgrau oder grau>weiß muss definiert werden.
Beispiel: Graue Sektion mit Schatten am unteren Rand.
Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt.
Beispiel: Weiße Sektion ohne Schatten am unteren Rand.
Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt.
Beispiel: Sektion mit Verlauf und Bild.
Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt. Hier jetzt ein Fliesstext,damit es etwas zum Lesen gibt.
WICHTIG! Alle Elemente innerhalb der Sektion müssen durchsichtig sein, ansonsten wird der Verlauf mit einer Farbe überdeckt.
