Testimonials Height

Hi there

Is it possible to make the testimonials box a fixed height rather than having it resize and push content down every time it changes?

cheers :slight_smile:

Hey Paul,

Thanks for getting in touch! Unfortunately, not with the standard testimonial module settings. You would need to use some custom CSS to accomplish that most likely. Let me know if you need help with that.

Best,
Billy

Hi Billy,

Paul’s question about having a fixed testimonials height is something I’ve wanted to solve on 2 websites where I’ve used the module. Could you let me have the custon CSS to achieve that please? I’m sure this would be useful to others also.

Thanks, Gerry

Hi Guys,

Looks like you can apply a height to the testimonials wrap to get it to be a fixed height. Let me know if that works for you!

.fl-testimonials-wrap {
height: 500px;
}

Best,
Billy

Hi Billy,

Thanks! As usual you’ve come up with the answer.

Gerry

Hi,

I have a js function to do this. The script search for the bigger box and give this size to the smaller others.

https://gist.github.com/thierrypigot/2e6bca1f45720425f8e2

jQuery(document).ready(function(){
	
	equalHeight( jQuery(".fl-testimonials-wrap") );
 
});

Thanks, Thierry. Where would you put this JS code, please?

I tried [and tried and tried] to put Thierry’s code in to DWB Custom JS options but couldn’t make it work at all. This is no doubt to do with my lack of coding ability.

That said, thanks Billy! The css works like the charm :slight_smile:

OK, so I now tried 1 more time and got Thierry’s code to work in Dynamik Web Builder! thank you Thierry!

Here’s where the code goes and looks like in DWB w/BB

Custom jQuery code for Testimonials Height

Hi,

Lots of weirdness going on today.

The CSS in Billy’s post above to fix the height of testimonials is no longer working.
I tried the javascript provided by Thierry and adding to the JS area in Dynamik… again it’s not working.

I had a full width landing page looking great this morning. I used a Genesis page template created by Junior Atoms on the Dynamik forums. That code removed the header & footer and was full width but something’s happened and it no longer works.

I haven’t added any code, no plugins and as far as I know nothing has updated.

Is anyone else having problems today or have I messed up somewhere?

[Content Hidden]

Sorry it’s me, please ignore!
I had a parse error in my CSS that was messing everything up.

Glad you got it worked out, Paul- Thanks for letting us know:)