Splide element positioning is not right

Design help General
1

i have this issue with my splide element.

i just copy element from this clonable Image Slider with Transition Effect - Webflow

but what i got is not the same as what i see on the canvas, here’s screenshot from my canvas where everything seems ok

1
12338×1394 296 KB

and when i open the published site to see the splide effect i got the element is going down and the size is not correct, even in the preview, the splide effect is work but the element is not showing right

2
21434×1336 109 KB

3
31785×1270 136 KB

anyone have an idea what’s probably wrong with my structure

Here is my site Read-Only: Webflow - Dashboard Zero

2

Hi there,

When copying elements between Webflow sites, style conflicts are a common occurrence. Here’s what’s happening and how to fix it:

The copied element inherits styles from its new parent elements in the destination site, which can affect its position, size, and other visual properties. To resolve these styling issues:

  1. Check the parent elements’ style settings in your destination site, focusing on:

    • Display and position properties
    • Flex or grid settings
    • Margin and padding values
    • Width and height constraints

  2. Compare these settings with the original site’s parent elements and adjust as needed to match the desired appearance.

  3. You may need to reset or override specific styles on the copied element itself to prevent unwanted inheritance.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

OK now it solved guys the main problem is my hover interaction for custom cursor showing on hover, when i delete the interaction all is well… Thank you