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