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