How to Center the Active Slide in a Multi-Item Elementor Carousel

By default, carousels align the active slide to the left. For a “Highlight” feel, you want the active item in the dead center of the screen.

To solve this, use Div Render Container Slider for Elementor.

Step 1: The Setting

Toggle Centered Slides to Yes.

Step 2: Slides Per View

This works best with odd numbers of slides (e.g., 1.5, 3, 5).
If you use an even number (e.g., 2), the “Center” will be the gap between the two slides, which looks awkward.

Pro Tips for Centering

• Partial Views: Setting Slides Per View to 1.5 with Centered Slides creates a beautiful “Peeking” effect where the main slide is centered and the previous/next slides hang off the edges.