Unique Layout positions for CMS Collection Items?

Hi - I have a CMS collection of ‘videos’ each has a thumbnail and text container div containing the Title+ Author name. I would like to position each text box in a different grid location, so that their positions stagger as you scroll through them.

ATM obvs if I move the position of one of the text boxes, it is reflected through every collection item. I have tried giving the text container div a unique class, but this too is replicated though every instance. Also looked at Conditional Visibility but couldn’t see how that might help…

Thanks


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

You can use CSS custom code to target specific items and alter their components positions. The nth-child selector allows for that:

https://www.w3schools.com/cssref/sel_nth-child.asp

1 Like

Thanks Vincent, will give it a go…