Unique Layout positions for CMS Collection Items?

Design help General
1

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)

2

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

1 Like
3

Thanks Vincent, will give it a go…