
When using the Bubble Skin of the Testimonial Carousel widget and with the image aligned to the left or right, the content will be aligned to the top of the container. This may not be an issue if the image is at the default size. However, once the image size is increased, this condition becomes more apparent.
Thanks to Helmut H. Göbel for asking the question on the Elementor Facebook Group.
The following CSS will center the content in the Testimonial Carousel container.
.elementor-testimonial__content { display: flex; align-items: center; }
Hi, Is it possible to change the size of the images? I want the images to look the same as with the media carousel, but with text underneath just like the testimonial carousel. (not squares but rectangular, 3 views per slide). With the testimonial carousel, the images always seems to be square.
Hi Kim,
You can change the size of the images in the Style tab of the Testimonial widget. To have the text under the image, on the Content tab, select Image Stacked from the Layout options.
Cheers!
Lyle
Thanks for the tutorial but it is not working for me, don’t know why.
Hi Ricardo,
Just tried this on a local test site and it’s working fine. Make sure you have the carousel skin set to bubble as this applies only to that setting.
Cheers!
Lyle