Hi Mark,

By default there is no such option in the testimonials element but you can achieve something similar by using custom CSS code. It need some explanation and some steps to do that I'll describe below:

1. Navigate to the "Testimonials" admin tab and edit the first testimonial post

2. Write the full testimonial there and add a text link below. Point this link to your main testimonial page where you would like to show all the full testimonials (see attachment "1. Edit Testimonial.png")

3. Go to Appearance -> Customize -> Additional CSS and add the following CSS code to the textarea:

body.home .testimonials .element-content p:first-of-type {
    height: 180px;
    overflow: hidden;
}

This CSS code will set a maximum height the testimonial only on the homepage. You might need to tweak the 180px height value to your own needs. By changing the height value you can show a maximum amount of lines visible.

4. Create a new page called testimonials if you don't have this yet

5. Add the "QT: Testimonial" element on this page

6. Repeat step 2 for the other testimonials posts under the "Testimonials admin tab

Attachment

Great! You're welcome

If you have any other questions please let me know.

Hi Mark,

I'm doing fine thank you for asking. Hope you're too!

To display the testimonials as wanted with the CSS workaround I provided you have to add the quote of a testimonials in one single paragraph block instead of using multiple blocks. Basically you have to remove all the line breaks between the paragraph blocks.

Please see the attached screenshots. If your quote is added as in the "multiple-paragraph.png" attachment the CSS will not work and the full testimonial will be displayed.

On the "single-paragraph.png" attachment you can see the quote is added in one paragraph block and all line breaks are removed. Now the custom CSS can target this testimonial and set a fixed height to the element.

Hope this helps.

You're welcome Mark. Thank you for the compliment!