Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Getting Started
Getting Started

Adding CMS Collection to Layout 415 in Webflow: Is It Possible?

Avatar of Maciej M.Maciej M.
路

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

  • Avatar of Nenad V.
    Nenad V.
    路

    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
  • Avatar of Maciej M.
    Maciej M.
    路

    Thanks Nenad V. 馃檪

  • Avatar of Nenad V.
    Nenad V.
    路

    Let me know if you managed to do it this way

  • Avatar of Maciej M.
    Maciej M.
    路

    I鈥檒l need to investigate - I鈥檓 a designer, so it won鈥檛 be that easy to me 馃檪

  • Avatar of Olivier B.
    Olivier B.
    路

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

  • Avatar of Maciej M.
    Maciej M.
    路

    Thanks Olivier B. - I was thinking about and I saw that Finsweet had something similar in their CMS library scripts - but that鈥檚 not supported anymore (although still might work): https://finsweet.com/cms-library/add-classes I was looking for something similar in Attributes but couldn鈥檛 find it (and I鈥檝e moved to another task in the meantime 馃檪 )

  • Avatar of Olivier B.
    Olivier B.
    路

    No problem!