Overlay für Parallax Hintergründe in Divi

von 31. Januar 2019Quick-Tipp0 Kommentare

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.

  1. Füge ein Hintergrundbild ein.
  2. Aktiviere „Parallax-Effekt benutzen“
  3. Wähle eine Hintergrundfarbe aus (ohne Transparenz)
  4. Füge folgenden Code in Dein Child Theme oder din die CSS Box in den Divi Einstllungen ein:
  5. 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.
  6. Viel Spass

Wir wünschen Dir viel Spass. 

 

©2019 - Ein Design mit von Divi Mastermind - Benny
Impressum | Datenschutz

Divi ist ein eingetragenes Warenzeichen von Elegant Themes. Diese Website ist weder mit Elegant Themes verbunden noch wird sie von Elegant Themes unterstützt.