layout 415 cms collection integration

At a glance

The community member is asking if it's possible to add a CMS collection to a Webflow component called "Layout 415", as the elements are visible based on their class and they can't add a class in the CMS that will be added automatically. Another community member suggests using the ::nth-of-type pseudo-class to target the cards and apply custom CSS. The community member thanks them and says they'll need to investigate further, as they are a designer and it may not be easy for them. Another community member mentions looking into Finsweet attributes, which they say might be a relatively easy solution, but the original poster couldn't find what they were looking for in the Finsweet attributes. There is no explicitly marked answer.

Useful resources

MMaciej Mlynek

Hi guys! 👋 I'm not sure where to put this question, but is it possible to add a CMS collection to this beautiful component Layout 415? 🙂
The elements are visible based on the class they have so I assume this can be tricky with Webflow (as I can't add a class in the CMS that will be added automatically).

But maybe there's a solution?
Thanks in advance!

7 comments

NNenad Vrtunic

I would use ::nth-of-type pseudo class
https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type

So basically every card has the same class (sticky-card for example).
Then, you add custom CSS.

sticky-card::nth-of-type(1){
margin-top: 0;
...
}

sticky-card::nth-of-type(2){
margin-top: 20px;
...
}
and so on

MMaciej Mlynek

Thanks 🙂

NNenad Vrtunic

Let me know if you managed to do it this way

MMaciej Mlynek

I’ll need to investigate - I’m a designer, so it won’t be that easy to me 🙂

OOlivier Bolduc

Might be worth looking into these Finsweet attributes. One might just be worth it. - But it also might not. I just know it’s relatively easy to implement.
https://finsweet.com/attributes

MMaciej Mlynek

Thanks - I was thinking about and I saw that Finsweet had something similar in their CMS library scripts - but that’s not supported anymore (although still might work): https://finsweet.com/cms-library/add-classes

I was looking for something similar in Attributes but couldn’t find it (and I’ve moved to another task in the meantime 🙂 )

OOlivier Bolduc

No problem!

Add a reply

Community forum for knowledge and support

layout 415 cms collection integration