How can i blur all the image in a repeating group

[josephineveronica56]

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?

[emir.ozgun]

Proccessed with imgix apply blur .

[hergin]

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:

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

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

[josephineveronica56]

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

[josephineveronica56]

Thank you am going to try it

[josephineveronica56]

Thank you so much, it worked.

You’re such a life saver.