-
ricardogp
Hi,
Please take a look at this page:
https://fadomagazine.com/fado-houses/fado-houses/porto/fado-maior-do-porto/
I’m having an issue with the GenerateBlocks Carousel block. I’ve applied a border-radius to the images, but it disappears (returning to sharp corners) during the slide transition animation. It only reappears once the movement stops.
Key details:
Context: This carousel is loaded via a GP Element (Content Template).
The Issue: overflow: hidden seems to fail during the CSS transform/translate animation.
What I’ve tried: I applied border-radius and overflow: hidden to both .gb-carousel-item and the img using !important, along with hardware acceleration (translateZ), but the flicker persists.
Goal: I need the corners to stay rounded (4px on desktop, 12px on mobile) consistently during the entire animation.
Could you please check if there is a specific fix for this?
Thank you!
-
Alvind
Hi there,
Can you try applying the border radius to the Carousel block itself?
-
ricardogp
Hi,
Sure!
It workek, forget that there were severeal level of boarders, container, carousel, etc.
Thanks.
-
Alvind
No problem! 🙂
- You must be logged in to reply to this topic.