Create a smooth infinite loop carousel with Elementor Pro by following these simple steps! In this detailed blog, we’ll guide you through every stage of the process and provide the exact CSS code needed to achieve a seamless carousel effect. Here’s what you’ll do:
- Install and activate Elementor and Elementor Pro on your WordPress website.
- Use any Carousel widget in Elementor to create a carousel.
- Set the Autoplay Speed to 0 and adjust the Animation Speed/Transition Duration to control the carousel’s speed.
- Copy the provided Carousel Class and add it to the CSS Class field in the Advanced tab of your carousel settings.
- Finally, copy the provided CSS code and paste it into your website. You can add it in the Custom CSS section in the Advanced options of Elementor or anywhere else your website allows adding custom CSS.
To make the process even easier, we’ve included a Youthop video tutorial in the blog that walks you through each step with clarity. Whether you’re a beginner or a professional, this guide will help you create a visually stunning infinite loop carousel in no time. Dive into the blog and start creating your smooth carousel today!
Carousel Class
PromiseCarousel
CSS
.PromiseCarousel .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
