Please ensure Javascript is enabled for purposes of website accessibility

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%; }

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