---
title: "How to show/hide Arrows & Dots in the Elementor Carousel slider?"
url: https://theplusaddons.com/docs/showhide-arrows-dots-in-elementor-carousel/
date: 2023-02-16
modified: 2026-04-12
author: "Aditya Sharma"
description: "If you’re using the autoplay on your slider or controlling your slider with the Carousel Remote widget or any other widget, you might want to hide the navigation options like..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/Hide-Arrows-_-Dots-in-the-Elementor-Carousel-slider-1024x536.jpg
word_count: 347
---

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

## Key Takeaways

- Carousel Anything widget of The Plus Addons for Elementor allows users to separately hide arrows and dots.
- Users can customize dot navigation styles, colors, and padding in the Style tab under Carousel Options.
- Arrow navigation can be styled and set to appear only on hover with the Show Arrow toggle.

If you’re using the autoplay on your slider or controlling your slider with the Carousel Remote widget or any other widget, you might want to hide the navigation options like arrows and dots from your Elementor carousel widget.

*To check the complete feature overview documentation of The Plus Addons for Elementor Carousel Anything widget, [click here](/docs/carousel-anything-elementor-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/carousel-slider/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

You can easily do that with the Carousel Anything widget of The Plus Addons for Elementor. You can even separately hide arrows and dots, giving you the flexibility to show either one or even both.

To control the dots navigation add the Carousel Anything widget on the page and after you’ve created your slides, go to the **Style **tab, under the **Carousel Options **turn on the **Show Dots **toggle.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Style-Show-Dots.png)

Now you’ll see various options related to the dots navigation. You can apply different styles, colours, adjust top padding etc. 

**Overlay Content Dots** - You can place the dot navigation over the content as an overlay.

**Direction Dots** - With this option, you can vertically align the dots on the side of the slider.

**On Hover Dots** - This will make your dot navigation visible only when a user hovers over the carousel.

Now to control the arrow navigation turn on the **Show Arrow** toggle.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Style-Show-Arrows.png)

Once turned on, you’ll find some styling and customization options for the arrow navigation. You can choose different styles for the arrow and adjust its colour and background colour.

**Outer Content Arrow** - This will place the arrows outside the carousel.

**On Hover Arrow** - With this option, your navigation arrows will be visible only on hover. 

With these options, you can easily customize and show or hide the arrows and dot navigation of your Elementor carousel slider.

These navigations would look more beautiful in a full-width carousel slider. Learn how to make full-width carousel sliders with our Carousel Anything widget.

Also, check [How to create Vertical Elementor Carousel Slider](https://theplusaddons.com/docs/vertical-elementor-carousel-slider/).

## Frequently Asked Questions

**Q: What should I do if the arrows or dots are not showing in my Elementor carousel?**
A: If the arrows or dots are not appearing in your Elementor carousel, ensure that you have activated the relevant toggles in the Carousel Anything widget settings. For dots, go to the Style tab and enable the Show Dots toggle. For arrows, enable the Show Arrow toggle. If these settings are correctly applied and they still don't show, check for any conflicting styles or scripts that might be affecting visibility.

**Q: What are the best practices for customizing arrows and dots in the Elementor carousel?**
A: When customizing arrows and dots in the Elementor carousel, consider the visibility and user experience. Use the On Hover options for both arrows and dots to keep your design clean while ensuring navigation is accessible when needed. Additionally, experiment with different styles and colors to match your site's theme, as this can significantly enhance the overall aesthetic.