Auto height for Slider

Hi there,

Yes, testimonial slider can have auto height, Please copy and past below code in “Custom Styles” field which is located on Settings Panel => Basic Settings => Miscellaneous => Custom Styles.

.testimonial_slider__default .testimonial_slideri {
height: auto !important;
margin:0 !important;
}

Thank you for all your patience.
Hope that will help.

Best regards,
Sukhada,
SliderVilla Support.

Hi, thanks for your response but it doesn’t work.

The container div also need auto height also:

#testimonial_slider_recent,
.testimonial_slider__default .testimonial_slideri {
height: auto !important;
margin:0 !important;
}

But even with adding the !important declaration, it still doesn’t resize as the inline height is still overriding. If I remove this by inspecting element, I can see the dynamic height working, but the CSS alone doesn’t seem to solve the issue.

Hi there,

Thanks for writing.

Can you please send us the url where the slider is embedded, so that we can also see the scenario and try to solve it.

Best regards,
Sukhada,
SliderVilla Support.

*bump*

Hi-

I’m having the same issue with the auto height. I have added both suggestions for the CSS but it doesn’t seem to want to play nicely. Here is a link to the page where I’m trying to use the plugin.
https://www.mvbmortgage.com/meet-our-team/eddean/

Any help would be greatly appreciated.

Hi there,

We have checked your site, in testimonial slider you have added only slide, so we does not get it, above CSS working on your site or not because on our testing server it works perfectly.

Thank you for your patience.

Regards,
Sagar.

Hi Folks,

RE: The height issue – if you do as sukhada suggests and add this to your css (I put mine in the theme css, not the plugin css):

.testimonial_slider__default .testimonial_slideri {
height: auto !important;
margin:0 !important;
}

…and then in Testimonial Slider Settings -> slider content -> Maximum content(testimonial) size (in words) -> SET TO ‘0’

If you don’t set this to ‘0’ the text will continue to be truncated and appear as though it’s not responsive.

hth
Mandy

I forgot to add:

This is a great plugin, does what it says.

Thanks Slidervilla for the freebie!

However, others take note, there is a bit of a learning curve. I think if you read through all the settings and understand what they do, you should be fine.

; )

Mandy

Dear Mandy

Thanks for sharing the trick. We are working on making better documentation for our products and hopefully we will release new documentation structure in next couple of weeks.

I am glad that you liked the plugin.

This code and the fix with the word count is not working for me. Anyone have updates?

I was able to get it to work. Just added a comma between the 2 classes.

.testimonial_slider__default, .testimonial_slideri {
height: auto !important;
margin:0 !important;
}

Hello @blankbeard

Glad that it worked for you and thanks for writing back.

Let us know in case of any further issues or suggestions.

Best Regards,
Sagar
SliderVilla Support Team.