608-790-4000 scott@bernadot.com

Divi | Add Overlay Color to Parallax Background Image On Standard Section

Want to blur your background parallax image using CSS?

  1. Give the section with the background parallax image a class of pbgoverlay
  2. Add this code to your CSS file or Theme Options CSS section:
    • ..pbgoverlay .et_parallax_bg::before { background-color: rgba(255, 255, 255, 0.1); content: “”; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

  3. Change the 15px  value in all instances for different effects. The higher the number of pixels, the blurrier the image will be, and vice versa.

Credit: Got this code from the Elegant Themes Support Forum

Comments

comments

Comments