Slider multi-image collection / Starting at the second item

[admin_Sesame (William - Le Guide Sésame)]

Read-only link

Published example

Hi !

I got a problem, i made this page :

As you can see, there is a repetition in images at the first load, because the third image is a carousel made with Cycle2.js connect to a multi-image field.

All I want to do is to start my collection at the third image to make this more smooth, and to not repeat image. Or to don’t show the first and the second item of my collection (but not on mobile).

And I can’t because I only got limit items option, like here (you can see it on the read-only link also) :

And the Cycle2.js option starting-slide don’t work too…

I got the good call on library too.

So I really don’t know what to do.

It’s a simple thing It must be, but I need help on it !

Thanks by advance.

[vincent (Vincent Bidaux)]

You can use custom code and nth-child pseudo class to hide the first element of the list

https://sbx.webflow.io/nth-child-targetting-for-coloring-an-inner-element

[admin_Sesame (William - Le Guide Sésame)]

Hi, thanks for your help !

I already tried it with a display none, here’s is my code :
.cycle-slide:nth-child(2), .cycle-slide:nth-child(3) { display:none!important; }

And here’s is my result

So it remove the first and the second child, but my slider don’t begin at the third item…