Possible to blur photo used in background of cornerstone section?

[ABWosp]

I’ve added a picture, parallax…but I’d like to blur the image. Is this possible in cornerstone. I don’t see the ability under “inspect” or “advanced” setting…thanks

[jade]

Hi there,

There is no available option to blur a background image in Cornerstone.

What you can try is to as some custom CSS to do it. First, add a class to the section where you want the background image blurred. You can do this by clicking on the customize option of the section.

Then add this code to the Global CSS panel (X > Theme Options > CSS):

.blur-bg .x-bg {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

The code above assumes that the class you added to the section is blur-bg.

---

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

https://www.w3schools.com/cssref/css3_pr_filter.asp

Hope this helps.

[ABWosp]

Thanks…I just took the lazy route and did it in Canva and published it over as the b/g img

[nico]

Hi @ABWosp,

No worries, feel free to ask us again or to confirm anything.

Let us know how it goes.

Thanks.