Okay, I know I risk being shot down for a duplicate question but I can’t figure out how to do with with the Divi WordPress theme.

I’d like to blur the background image (Divi Row Module with background image) but not the text module that’s sitting on top of the row.

I’ve tried all sorts but when the blur works it simple blurs everything.
The page I’m playing on is here:
test page

The CSS I have looks like this:

-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);

Many thanks in advance.


Read more here: Blur the background image of the Divi WordPress Theme Row Module


If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Wordpress related questions and answers: