---
title: "How to create Full Width Carousel Slider in Elementor?"
url: https://theplusaddons.com/docs/full-width-carousel-slider-in-elementor/
date: 2023-02-16
modified: 2026-04-12
author: "Aditya Sharma"
description: "Are you looking for a way to create a full width carousel slider in Elementor?  Carousel sliders can help you display multiple photos and videos in a creative and engaging..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/How-to-create-Full-Width-Carousel-Slider-in-Elementor-1024x536.jpg
word_count: 346
---

# How to create Full Width Carousel Slider in Elementor?

## Key Takeaways

- Carousel Anything widget allows users to create mobile responsive full width carousel sliders in Elementor.
- The Plus Addons for Elementor requires installation and activation to access the Carousel Anything widget features.
- Using a full width template like Elementor Canvas or Elementor Full Width is necessary for creating a full width carousel slider.

Are you looking for a way to create a full width carousel slider in Elementor? 

Carousel sliders can help you display multiple photos and videos in a creative and engaging way. With the Carousel Anything widget, you can easily create a full width carousel slider that is mobile responsive and looks great on all devices.

We’ll see how you can use The Plus Addons for Elementor Carousel Anything widget to create amazing full width carousel sliders.

*To check the complete feature overview documentation of The Plus Addons for Elementor Carousel Anything widget, [click here](/docs/carousel-anything-elementor-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/carousel-slider/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

#### For Classic Elementor Sections

In order to create a full width carousel slider in Elementor, make sure you are using a full width template like the **Elementor Canvas** or **Elementor Full Width** template for your page.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Page-Settings.png)

If you are using the Elementor Full Width template, make sure that your theme allows full width containers.

Now, create a single column section on the page and from the Layout set the **Column Width** to **Full Width** and **Column Gap** to **No Gap** so there are no gaps in the container.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Section-Full-Width.png)

Now your section will be full width, but for some reason, if it doesn’t, then turn on the **Stretch Section** toggle.

#### For Flexbox Container

In case you’re using the Elementor Flexbox container, after adding the section on the page, set the **Content Width** to **Full Width** from the **Container** tab.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Container-Full-Width.png)

And to remove the gaps from the container, set the padding to 0 from the Advanced tab. 

Once you have set your section to full width, just add the Carousel Anything widget to the section and add the content using Elementor templates.

Make sure the Elementor templates are also created using full width section following the process shown above.

With the settings in place, you can create a beautiful full width carousel slider like the example below.

![full width carousel demo](https://theplusaddons.com/wp-content/uploads/2023/02/full-width-carousel-demo.gif)

***Suggested Read:** [How to create multiple columned Elementor Carousel Slider](https://theplusaddons.com/docs/multiple-columned-elementor-carousel-slider/).*

## Frequently Asked Questions

**Q: What should I do if my full width carousel slider isn't displaying correctly?**
A: If your full width carousel slider isn't displaying as expected, check if you're using a full width template like Elementor Canvas or Elementor Full Width. Additionally, ensure that your theme supports full width containers. If the section still doesn't appear full width, enable the Stretch Section toggle in the section settings.

**Q: What are the best settings for creating a full width carousel slider in Elementor?**
A: For optimal results, set your section's Column Width to Full Width and Column Gap to No Gap. If using a Flexbox container, ensure the Content Width is also set to Full Width and remove any padding from the Advanced tab. These settings help eliminate gaps and ensure a seamless display.

**Q: Does the Carousel Anything widget work on mobile devices?**
A: The Carousel Anything widget is designed to be mobile responsive, ensuring that your full width carousel slider looks great on all devices. This responsiveness is crucial for maintaining user engagement, as more users access websites via mobile devices.