Troubleshooting Blog Component 68: Slider Card Height Issues | Relume Community

Troubleshooting Blog Component 68: Slider Card Height Issues

I'm having issues with blog component 68 - when the collection items are being showcased in the slider using finsweet, the card heights are varied, but I've added 100% height or stretch to flexbox on as many divs as possible and can't find the culprit. What am I doing wrong??

14 comments

Matt J.
·
Emily O. can you share a read-only link? Pretty sure we might have to use a custom slider library as this might be a webflow native slider issue.
Emily O.
·
Matt J. https://foundation-for-social-health.webflow.io/news
👀1
Emily O.
·
https://preview.webflow.com/preview/foundation-for-social-health?utm_medium=preview_li[…]&pageId=67b812fd05d6ca9f3c115f28&locale=en&workflow=preview
Matt J.
·
Emily O. one troubleshooting tip that will help us both out immensely in this situation would be to grab a duplicate of that card and put it into the slider as a static slide - then edit the content to mirror the dynamic content so we can simulate the situation within designer without having to publish every change. Does that make sense? Can you do that and then let me know and I can re-open it and poke around?
Matt J.
·
the finsweet CMS slider will just replace whatever is in the slider that is static with the collection list, so no extra steps necessary. You can duplicate the collection you have now, and use the finsweet "unbind CMS" feature to do this in a matter of a couple of minutes.
❤️1
Emily O.
·
Thanks Matt, I'll eat some lunch then come back with fresh eyes and more brain power and try this hahaha
Matt J.
·
🔥 yeah just dont spend a ton more time on it - I'm like 75.5% sure its a webflow native slider issue
Matt J.
·
and if it is, its one of like 100 reasons I try to avoid sliders
Emily O.
·
Matt J. okay I've done this 2 different ways, so you can jump in and have a look
👀1
Matt J.
·
Emily O. closest I can get is to have blog66_slider having a fixed height which is not super ideal but maybe for blog content, its predictable enough? Here's a quick loom walking you through the changes I made https://www.loom.com/share/d95b5a67d2bb407ba97618c652b785f5?sid=6e558db6-5ca4-4b9e-80b9-b14bd6350ad8
Emily O.
·
Matt J. So appreciate that, thanks!! ☺️ Fixed height looks like the way to go, otherwise I'll f-off the slider all together I think haha
💪1
Alex D.
·
<style> .w-slide{ flex-shrink: 0; height: auto !important; } .w-slider-mask{ display:flex !important; } </style> https://discourse.webflow.com/t/equal-slide-height-based-on-the-tallest-slide/243538/24
❤️1
Matt J.
·
Gosh, why didn't I think of custom CSS?
Matt J.
·
Thanks Alex D.! 💪