I could really use some help on the testimonial cards I’ve created on Webflow. So, the design works most of the time but, if the text is too short for the testimonial then it leaves a mad amount of white space at the bottom of the testimonial and the image won’t stay full height no matter what I do. It does not look good at all. Here’s the link: Beginner Music Production Course. The testimonials are at the bottom.
Any ideas on how I can get the testimonial card to grow or shrink with the amount of text and make sure that the image stays the full length of the card?
At the moment the slider component does not automatically calculate for varying height elements placed on individual slides. As you’ve done: setting the height of the slider to auto, then the slider itself will be as tall as the tallest slide in the slider.
I will be happy to check on some custom solution, if I find one that works I will post on your topic.
You are also not limited to Webflow slider alone, you can use third party slider scripts.
@micahryanhtml - oooh this looks nice! I’m a newbie here, so forgive me if this is a less-than-stellar question, but should the code be inserted via embed, or via the head and body? Or both?? I’m just not that great with understanding where code needs to go. Also, once the code is placed where it needs to go, is that dynamically viewable in Webflow and can components be inserted into the Slick slider like they can in a webflow slider? Thank you!
@micahryanhtml Thank you so much for your great response! I didn’t realize that with a free plan we don’t have access to custom code options, so, alas, I can’t try this out at the moment. Once I’m ready to start paying, however, I’ll be super eager to test this out! Thank you again!
A few questions:
so the code inserted into the head and body is done via the site dashboard?
With regard to setting class names, do I just pick names for the classes and then manually add them in? Sorry - really new to CSS!
in looking at your sample project (which was helpful to get an idea how how it looks within the designer), it appears that it would take up a ton of space on whichever page I’m placing it on in the designer view…i.e. before it’s rendered to look nice via the Slick CSS code. Is that “look” just something that I need to get used to with this particular custom code when implementing it into a designed page? (Hopefully that made sense!)
Thank you again for your quick response - I really appreciate it!
Micah! Thank you! This helped me today as well; I have a testimonial slider, nine slides of ten are all a similar height but one is 3 times the length and really breaks things. By using this method this is fixed AND I can have a collection manage the slider as well, so it’s even better!
Hopefully Webflow will integrate a slider with a height responsiveness on the slider itself some time soon.
