--- 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-09-14 lang: en author: "Aditya Sharma" description: "Arrows and dots tell visitors there is more to see, but not every carousel needs both. The Carousel Anything widget from The Plus Addons for Elementor lets you switch its..." image: https://theplusaddons.com/wp-content/uploads/2023/02/Hide-Arrows-_-Dots-in-the-Elementor-Carousel-slider-1024x536.jpg word_count: 600 --- # How to show/hide Arrows & Dots in the Elementor Carousel slider? ## - Carousel Anything from The Plus Addons for Elementor lets editors switch Show Dots and Show Arrows on or off separately in Style > Carousel Options, with Show Dots on by default and Show Arrows off by default. - Carousel Anything offers free and Pro styling limits: Dots Style 1 is free while Style 2 to Style 7 need Pro, and Arrows Style 1 is free while Style 2 to Style 6 need Pro. - Direction Dots, On Hover Dots, Outer Content Arrow, and On Hover Arrow are Pro options that change placement or visibility, including vertical dots at the left side and arrows outside the slides or only on hover. - Responsive Tablet and Responsive Mobile settings let tablets and phones use their own Show Dots and Show Arrows values, while hiding both controls leaves dragging, autoplay, or a connected widget as the only ways to move the carousel. Arrows and dots tell visitors there is more to see, but not every carousel needs both. The **Carousel Anything** widget from The Plus Addons for Elementor lets you switch its dots and arrows on or off separately, and choose how and where they appear. *To check the complete feature overview documentation of The Plus Addons for Elementor Carousel Anything widget, [click here](https://theplusaddons.com/docs/carousel-anything-elementor-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's 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) ## Before You Start - **Edition:** **Free** for Show Dots, dots Style 1, Overlay Content Dots and Show Arrows. **Pro** for the other dot and arrow styles, the arrow position and colours, Direction Dots, On Hover Dots, On Hover Arrow and Outer Content Arrow.- **Widget to enable:** Carousel Anything, switched on under **The Plus Addons > Widgets**.- **Slides:** one saved Elementor template per slide, created under **Templates > Saved Templates** and published. ## Step 1: Set Up the Dots - Select the Carousel Anything widget and open **Style > Carousel Options**, **Desktop** tab.- **Show Dots** is on by default. Turn it off to hide the dots.- Pick a **Dots Style**. Style 1 is free; Style 2 to Style 7 need Pro. ![The Show Dots switch in the Carousel Options section of the Carousel Anything widget](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-show-dots.webp) - Keep **Overlay Content Dots** on to place the dots over the bottom of the slides, or turn it off to put them below the slides.- In Pro, turn on **Direction Dots** for a vertical row of dots, or **On Hover Dots** to show the dots only while the pointer is over the carousel. ![The Overlay Content Dots, Direction Dots and On Hover Dots switches](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-dots-options.webp) ![Carousel dots placed below the slide with Overlay Content Dots turned off](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-result-dots-below.webp) ## Step 2: Set Up the Arrows - Turn on **Show Arrows**. Arrows are off by default.- Pick an **Arrows Style**. Style 1 is free; Style 2 to Style 6 need Pro. For Style 3 and Style 4 a second dropdown, also named **Arrows Style**, sets the position (Top-Right, Bottom-Left, Bottom-Center or Bottom-Right).- Set the arrow colours for the normal and hover state. ![The Show Arrows switch and the arrow style and colour options](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-show-arrows.webp) - In Pro, turn on **Outer Content Arrow** to move the arrows outside the slides, or **On Hover Arrow** to show them only on hover. ![The Outer Content Arrow and On Hover Arrow switches in the Carousel Options section](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-arrow-options.webp) Publish the page to see the result. ![A three-column carousel on the front end with round arrows on both sides and dots at the bottom](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-result-arrows-dots.webp) ## How It Behaves - Clicking a dot moves the carousel to that slide; the arrows move it one step (or one row, with **All Visible Columns**).- With **On Hover Dots** or **On Hover Arrow**, the dots or arrows are invisible until the pointer is over the carousel.- **Direction Dots** stacks the dots vertically at the left side of the carousel.- Tablets and phones can have their own dots and arrows: turn on **Responsive Tablet** or **Responsive Mobile** in that tab and set **Show Dots** and **Show Arrows** there. ## Limitations - **Outer Content Arrow needs space at the sides.** In our test the arrows moved 80 px out, and with only 40 px of container padding the left arrow was partly off the screen. Add side padding to the container.- The position dropdown for Style 3 and Style 4 has the same label as the style dropdown, **Arrows Style**.- In the free plugin the arrows always look the same: small arrows without a background, whatever you pick in **Arrows Style**. In our test **Arrow Background Color** had no effect there.- With both dots and arrows hidden, visitors can only move the carousel by dragging, autoplay or a connected widget. ## Troubleshooting ### The arrows are cut off at the edge of the screen Turn off **Outer Content Arrow**, or give the container more padding on the left and right. ### The dots cover the slide content Turn off **Overlay Content Dots** so the dots sit below the slides. ## Related Docs - [Carousel Anything widget: settings overview](https://theplusaddons.com/docs/carousel-anything-elementor-widget-settings-overview/)- [Control the carousel with Carousel Remote](https://theplusaddons.com/docs/connect-carousel-remote-with-carousel-in-elementor/)- [Show several columns in the carousel](https://theplusaddons.com/docs/multiple-columned-elementor-carousel-slider/)- [Create a vertical carousel](https://theplusaddons.com/docs/vertical-elementor-carousel-slider/)