Repository navigation
Container Carousel Widget
yoshidaman99 edited this page Mar 21, 2026
·
1 revision
The Container Carousel wraps any Elementor containers or widgets as carousel slides. Each direct child element inside the carousel becomes a slide.
- Add the Container Carousel widget to your page
- Drag Elementor containers, boxes, or widgets directly inside it
- Each direct child is automatically treated as a slide
- The Swiper engine handles the rest
| Control | Type | Default | Description |
|---|---|---|---|
| Slides Per View | Number | 1 | Number of visible slides at once |
| Slides Per Group | Number | 1 | Slides grouped together when navigating |
| Space Between | Slider | 20px | Gap between slides |
| Centered Slides | Switch | Off | Center the active slide |
| Free Mode | Switch | Off | Allow free dragging without snapping |
| Grab Cursor | Switch | On | Show grab cursor on hover |
| Control | Type | Default | Description |
|---|---|---|---|
| Loop | Switch | On | Infinite scrolling |
| Speed | Slider | 300ms | Transition animation speed |
| Direction | Select | Horizontal | Horizontal or Vertical |
| Mousewheel | Switch | Off | Navigate with mouse wheel |
| Keyboard | Switch | On | Navigate with keyboard arrows |
- Works with any Elementor container (Flexbox, Grid)
- Nest containers for complex slide layouts
- Use Elementor's built-in responsive controls on inner containers
- Combine with the loop and autoplay for a seamless rotating display