How can i blur all the image in a repeating group

I trying to blur some image when using repeating group but its only the first image that was blurred the rest didn’t blur what can i do to make the rest work as well? or is any plugin to apply in it? How can i blur all the image in a repeating group and ungroup it back with a condition?

Proccessed with imgix apply blur .

You can add an HTML element with some style for an image ID for the images in a repeating group. See the demo below:

I added an ID to the image element in the repeating group:

And I added an HTML element with just has a style value of the following when the checkbox is checked:

Here is the style code:

#images {
        -webkit-filter: blur(3px); /* Safari 6.0 - 9.0 */
        filter: blur(3px);
        max-width: 100%;

Then, of course the rest is working. You can see the whole example here: Tests for Forum 10 | Bubble Editor


Thanks so much for your reply.

But, i have tried that, it not working for all the repeating group list of images only the first image is been blur, the rest apply like a normal image

Thank you am going to try it

Thank you so much, it worked.

You’re such a life saver. :star_struck: :pray: :pray: :fist_left:

1 Like