---
title: "How to show/hide Arrows & Dots in WordPress Carousel slider?"
url: https://qa.nexterwp.com/docs/showhide-arrows-dots-in-wordpress-carousel/
date: 2023-02-17
modified: 2026-05-13
author: "Aditya Sharma"
description: "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..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/05/showhide-arrows-dots-in-wordpress-carousel-1024x519.jpg
word_count: 278
---

# How to show/hide Arrows & Dots in WordPress Carousel slider?

## Key Takeaways

- Nexter Blocks Carousel Anything block allows users to individually show or hide arrows and dots navigation.
- Customization options for dots include different styles, border color adjustments, and hover visibility settings.
- Arrow navigation can be hidden by toggling off the Arrows option, with additional customization for icon color and positioning.

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](/docs/carousel-anything-block-settings-overview/).

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

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

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.

![](https://qa.nexterwp.com/wp-content/uploads/2023/02/carousel-anything-dots-new2.png)

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.

![](https://qa.nexterwp.com/wp-content/uploads/2023/02/carousel-anything-arrows-new2.png)

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](https://qa.nexterwp.com/docs/increase-slide-in-wordpress-carousel/).