Setting a certain height for testimonials

davidkanegsberg · September 2017

Hi.

I couldn't find an answer to this in the discussion board.

I want to set the height of the testimonials on a page to the longest testimonial, so that the testimonial section does not move up and down each time it slides to the next testimonial. This was automatically done when I used the Cake theme and I am hoping it is possible in BE theme. I find it very distracting when everything below the testimonial moves up or down as the testimonials changes length.

Thank you for the help.

Bryan · September 2017

Hi,

Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

davidkanegsberg · September 2017

Here is the link to the page.

http://test.bfksolutions.com/

The testimonial is at the bottom of the page.

Here are two screen shots, showing how the testimonial changes heights.

Bryan · September 2017

Sorry but this is not possible. You would have to put in the same ammount of text.

davidkanegsberg · September 2017

How come it was possible with the testimonials in the Cake template? The height was automatically set to the longest testimonial.

I have to say, this setup is a pretty bad feature since anything below the testimonials will move up or down every time the testimonial changes. I have seen that on other websites, and it is an unpleasant experience for visitors to a website. Saying that all testimonials need to be the same length just isn't realistic.

Bryan · September 2017

We can set the minimal height with css. This is the only real sollution.

davidkanegsberg · September 2017

That would work for me. What is the basic css code I would use? I can change the height as the testimonials change.

Thank you.

Bryan · September 2017

You can use this css, but it is not a ideal sollution

.testimonials_slider .testimonials_slider_ul li {
	min-height: 500px !important;
}

Setting a certain height for testimonials

Comments