Hi All
Could I have some help please. I’m using a swiper js for a CMS carousel and I want each card to be the same height. I have set the card to expand if it can and added 100% height but it’s still not working. Could someone have a look at my shared link and see what I’m missing please. I have looked at the parameters on the Swiper js website but if I use the parameter height it says it will stop being responsive. Thanks in advance
Here is my site Read-Only:
Hello @jasonjkd, I think the issue you has to do with your Swiper code, your slider is set to show 1.5 slides.
In your webflow preview you have 3.5 slides, just update the Swiper code and see if that triggers the correct css height for your slider. I hope this helps.
Thanks for your reply. I’ve just tried changing the Swiper code but no luck. I believe that bit of code is what I want the live swiper to show. Thanks.
The problem:
swiper.css overrides webflow css.
Solution:
Set by custom code (after swiper.css) to override swiper.css height setting (100% by default).
<style>
.swiper-slide { height: auto; }
</style>
Related:
That’s brilliant, thank you so much.