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

Leave a Comment

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