How to create a scrolling collection like this?

Design help General
#1

Hi all, I’ve been asked to create a scrolling News section that basically replicates the “School Happenings” section on this site: https://www.maret.org. It’s about 3/4 the way down on the page. My client wants a news section that adds the newest news item on the left and the older news items get pushed to the right. It would show 4 at a time on desktop and fewer on mobile.

I assume I would have to create a collection to do this but my question is…do I start with a slider? How best to set up four items that show text when hovered over like this sample? I made a screen recording here so you can see exactly the behavior I need to replicate: https://www.dropbox.com/s/hucyv4uch1eb748/scrolling%20collection.mp4?dl=0

Any guidance is welcome! Sorry for the noob question.

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

#2

Hi @mick.wieland
You have probably figured this out by now…
You can make dynamic collection sliders in webflow and filter/ sort collection (Date Updated, Published etc) Webflow currently registers an extra “ghost” slide when any slides are using conditional display but that can be fixed by adding custom code, See below
Dynamic Collection sliders in webflow with conditional formatting
How to add custom Code