Demo
Parallax mit farbigem Overlay
Bei Sektionen und Zeilen mit fixiertem Hintergrundbild ist es möglich ein farbiges Overlay über das Bild zu legen, wenn man den Farbverlauf bspw. multipliziert.
Nur wie es mit Overlays wenn man „Parallax-Effekt benutzen“ aktiviert? Richtig: Es funktioniert nicht mit einfachen Boardmitteln. Ein klein wenig CSS und schon funktioniert es auch mit dem Parallax Effekt.
- Füge ein Hintergrundbild ein.
- Aktiviere „Parallax-Effekt benutzen“
- Wähle eine Hintergrundfarbe aus (ohne Transparenz)
- Füge den CSS Code (siehe Codeblock) in Dein Child Theme oder din die CSS Box in den Divi Einstllungen ein.
- Passe die Transparenz nach Deinen Wünschen an, indem Du die 0.3 anpasst.
Je höher Du den Wert setzt, umso undurchsichtiger wird die Transparenz. Der Wert 0.9 ist bspw. fast nicht mehr zu sehen. - Viel Spass
Wir wünschen Dir viel Spass.
.et_parallax_bg {
opacity: 0.3;
}
