---
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

- Utilizes the Nexter Blocks Carousel Anything block to create a full-width carousel slider in WordPress.
- Requires the Nexter Blocks Container block to control width and ensure the carousel spans the full page.
- Best suited for e-commerce homepages, agency sites, and landing pages to showcase products, projects, or testimonials.

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/).