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 RGB color codes and opacity setting to your liking (i.e. background-color: rgba(0, 0, 0, 0.5); <== 50% black)

Comments

comments

Pin It on Pinterest

Share This