Blurred Background images



Categories: , Tags: , Added: June 27, 2019

Divi section layout for blurred background images

This free Divi Theme layout is available to download from Elegant Themes blog post “How to Create Beautiful Blurred Backgrounds with Divi”.

The post will guide you with a detailed tutorial to set up your section and use the in-built Divi filters to create a blur effect on the images.

  • Add 2 Image modules and one CTA module into a single column
  • Image module 1 is left as default
  • Image module 2 uses filter options for saturation, brightness, contrast and blur modifications and transform options for scale.
  • The CTA module overlap Image module 2 using negative margins and uses it as its background

You can either follow the instructions and buld the section yourself, or just download the completed Divi layout file. To download the .JSON layout you will need to input an email into the Elegant Themes subscription area. This will reveal a link where you can download the zip file. Unzip and import the layout into your Divi library or just drag and drop directly into your Divi Visual Builder.

Affiliate disclosure* –  Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Example


There are no reviews yet.

Be the first to review “Blurred Background images”

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.