By default, a WordPress carousel slider will have some navigation controls like arrows or dots but at times you might want to hide them especially if you are controlling the slider with some other blocks like the Carousel Remote block.
To check the complete feature overview documentation of the Nexter Blocks Carousel Anything block, click here.
Requirement – This block is part of Nexter Blocks. Make sure it is installed and activated.
With the Carousel Anything block in Nexter Blocks, you can show or hide arrows and dot navigations individually, and apply different customization settings for each.
Best Used For:
- Minimal design portfolios where visible navigation chrome breaks the aesthetic
- Carousels synced to a Carousel Remote block where built-in arrows are redundant
- Full-screen hero sections where dot navigation would overlap the content
To hide the dots navigation, add the block to the page and create your slides. Then go to the Dots & Arrows section and toggle off Dots.
With the Dots toggle enabled, customization options appear for different devices.
Choose from different dot styles, adjust the border color and top padding, and control when the dots appear. Use the hover visibility option when you want to keep the carousel looking clean and only show navigation when the visitor moves the cursor over it.
To hide the arrow navigation, toggle off Arrows under the Dots & Arrows section. With the Arrows toggle enabled, customization options appear for different devices.
Choose the arrow style, set the icon color and background color, show arrows on hover only, or move the arrow navigation outside the carousel container.
Also, check How to increase size of Center slide in WordPress Carousel.
