---
title: "How to create Full Width Carousel Slider in WordPress?"
url: https://nexterwp.com/docs/full-width-carousel-slider-in-wordpress/
date: 2023-02-17
modified: 2026-05-24
author: "Aditya Sharma"
description: "Creating a full-width carousel slider in WordPress is a great way to showcase featured products or services and give your site a more polished look. A full-width layout extends the..."
image: https://nexterwp.com/wp-content/uploads/2024/05/full-width-carousel-slider-in-wordpress-1024x519.jpg
word_count: 234
---

# How to create Full Width Carousel Slider in WordPress?

## Key Takeaways

- Nexter Blocks Carousel Anything block sits inside a Nexter Blocks Container block, and the Container block controls the width for a full-width slider in the WordPress Block editor.
- Set the Container block width to Full in the Content Width section, then set Width to 100% or vw to make the carousel span edge to edge.
- Full-width carousel sliders fit e-commerce homepages, agency or portfolio sites, and landing pages for featured products, project images, testimonials, or key benefits.

Creating a full-width carousel slider in WordPress is a great way to showcase featured products or services and give your site a more polished look. A full-width layout extends the slider from one edge of the screen to the other, making it ideal for hero sections, promotional banners, and feature highlights.

*To check the complete feature overview documentation of the Nexter Blocks Carousel Anything block, [click here](/docs/carousel-anything-block-settings-overview/).*

**Requirement** - This block is a part of Nexter Blocks. Make sure it is installed and activated.

**Best Used For:**

- E-commerce homepages showcasing featured products or promotional banners in an edge-to-edge layout- Agency or portfolio sites displaying project images in a full-screen hero slider- Landing pages using a full-width carousel to highlight testimonials or key benefits

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-carousel-sliders/)

Making a full-width carousel in the WordPress Block editor requires the Nexter Blocks Container block as the outer wrapper. The Container block controls the width, and the Carousel Anything block sits inside it to fill that space.

To create a full-width slider, add the Container block from Nexter Blocks and follow the steps below.

1. Set the container width to **Full** from the **Content Width** section and set the **Width** to 100% or vw.

2. Add the Carousel Anything block inside the Container block and add your slides.

The carousel slider will now span the full width of the page.

Also, check [How to create multiple columned WordPress Carousel Slider](https://nexterwp.com/docs/multiple-columned-wordpress-carousel-slider/).