October 2, 2023

How to Offset Elementor Carousel Slides with a few Simple Steps

Play Video

The Elementor Carousel is a widget that allows you to display multiple items in a visually appealing manner. One of the less-known but highly useful settings is the ability to offset slides. To offset Elementor carousel slides means you can have slides that are partially visible on either side of the main slides.

Tip: Offset slides can be particularly useful for product showcases or portfolio sections.


Make sure you have the following installed and activated:

Adding a Carousel

  1. Drag and Drop
    Locate the Carousel widget and drag it into your desired section.
  2. Clean Up
    By default, the carousel comes with multiple items. Delete them until you have just one left. We will duplicate them later on.

Configuring Slides

  1. Add Container
    Drag a container into the remaining slide.
  2. Insert Image
    Add an image to the container. Choose any image from your media library.
  3. Duplicate
    Once you’re satisfied with how the slide looks, duplicate it multiple times. For example, create seven duplicates.

Setting the Offset

  1. Navigate to Settings
    Scroll down to the settings section of the Carousel widget.
  2. Slides to Display
    Set the number of full slides you want to display. For instance, if you want three full slides and two offset slides, set this to three.
  3. Slide to Scroll
    Usually, setting this to “1” works well.
  4. Offset Setting
    Here, you can choose to offset slides on both sides, just the left, or just the right.

Note: You will have to preview the design in order to see your changes.

Preview and Adjust

  1. Preview the Page
    Click on the “Preview” button to see how the offset looks.
  2. Adjust Width
    If the offset size doesn’t suit you, go back to settings and adjust the width.

Offset Elementor Carousel Slides – Conclusion

Offsetting Elementor Carousel slides is a straightforward process but can add a layer of sophistication to your web design. Experiment with different settings to find what works best for you.

Required Resources

Elementor Logo
Free Options
Credit to Web Squadron
Web Squadron is a popular YouTube channel dedicated to providing informative tutorials, tips, and insights on web development and design. With a strong focus on WordPress and website builders like Bricks Builder, the channel aims to help users of all skill levels, from beginners to advanced developers, create and optimize their websites. By offering easy-to-understand, step-by-step guidance, Web Squadron provides practical and valuable content.
How to Offset Elementor Carousel Slides with a few Simple Steps
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.