Interaction Effect - scale

[VRANKOVINA]

Hello

I have following configuration:

Section -> row -> column -> grid containing 4 cell with an image each.
Each image has an interaction effect - scale.
In cornerstone all works just fine.
In browser only 3 images shows the scale effect - even it z value is lower, than of an image above with higher z value (where the effect does not work)
EDIT: it seems to work right now - have no clue, why it didn’t before. No caching whatsoever though.

Pls move to the second issue.

For details pls just see secure note.

Second issue: There is on scroll effect as well. Here the delay is set to 0. There still a delay there. I need to scroll a significant portion of the page up the scroll event kicks in.

[Ismael]

Hello @VRANKOVINA,

Thank you for the inquiry.

The scale effect applies to all images except the third one from the left when we checked. A css rule seems to be overriding the property. To fix it, we added the following code in the Custom Code > Page CSS field:

Best regards.

[VRANKOVINA]

Thx a heap
but which css rule overrides the effect?
I haven’t set any yet

[Ismael]

We moved the screenshot and short clip to the secure note field. Regarding the issue, it’s an inline css rule added by the theme. We are not yet sure why this overrides the scale effect for the third item but not the others.

.mg-7:is(.x-effect-enter) {
	transform: translate(0px,-17px);
}

[VRANKOVINA]

Thx a lot
And I figured it out with the delay. It are the offset settings, which need to be adjusted.

All good now.

@the css issue. well I have to add some more content with effects, so I hope it won’t be affected.

[Ismael]

Great! Glad to know this has been resolved. Let us know if the issue occurs again.