If you are using 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.
Best Used For:
- Portfolio or agency sites that use autoplay carousels where navigation arrows would clutter a minimal design
- E-commerce product sliders controlled by an external Carousel Remote widget, where dot and arrow controls are redundant
- Landing pages that need hover-only navigation to keep the layout clean until the visitor engages with the slider
Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.
You can do that with the Carousel Anything widget of The Plus Addons for Elementor. You can separately hide arrows and dots, giving you the flexibility to show either one or both.
To control the dots navigation, add the Carousel Anything widget on the page and after you have created your slides, go to the Style tab, under the Carousel Options turn on the Show Dots toggle.
Once the toggle is on, you will see various options related to the dots navigation. You can apply different styles, change colours, and adjust top padding.
Overlay Content Dots – Use this option when you want the dot navigation to appear over the slide content rather than below it. This is useful for full-bleed image or video carousels where adding space beneath the slide is not desirable.
Direction Dots – This option aligns the dots vertically along the side of the slider instead of the default horizontal position at the bottom. Use it when your carousel is tall or when a side-aligned indicator fits your layout better.
On Hover Dots – This makes the dot navigation visible only when a visitor hovers over the carousel. Use it when you want a cleaner look by default and prefer to reveal controls only on interaction.
To control the arrow navigation, turn on the Show Arrow toggle.
Once turned on, you will find styling and customization options for the arrow navigation. You can choose different icon styles for the arrow and adjust its colour and background colour.
Outer Content Arrow – This places the arrows outside the carousel boundaries rather than overlapping the slide content. Use this when your slides contain text or images that arrows would obscure if placed inside.
On Hover Arrow – With this option, the navigation arrows are visible only when a visitor hovers over the carousel. This keeps the slide content in focus by default and is a good choice for image-heavy or video carousels.
With these options, you can customize and show or hide the arrows and dot navigation of your Elementor carousel slider. For multi-column layouts, see How to create a multiple columned Elementor Carousel Slider.
These navigation controls work across all carousel layouts. Learn how to create a full-width Carousel Slider in Elementor where dot and arrow placement has the most visual impact.
Also, check How to create Vertical Elementor Carousel Slider.
