Tutorial thumbnail image

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;    
}

Similar Posts

4 Comments

  1. 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.

    1. 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

    1. 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

Leave a Reply

Your email address will not be published. Required fields are marked *