Tutorial thumbnail image

Elementor Pro – Center Content in Testimonial Carousel

Get the latest from
Sniffle Valve

Sniffle Valve

Consider buying Sniffle Valve a coffee  

Book a one-on-one online training session

Note: To copy any code presented in these tutorials, hover over the code and select the Toggle RAW Code icon raw code icon

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;    

4 thoughts on “Elementor Pro – Center Content in Testimonial Carousel”

  1. Avatar

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

      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.

    1. Avatar

      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.

Leave a Comment

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

Scroll to Top