how to remove slideshow dots and arrow in dawn theme

Store Design
,

Topic summary

A user seeks help removing slideshow navigation dots and arrows from the Dawn theme.

Current Status:

  • The original poster provided CSS code as a potential solution without confirming if it works
  • Another user requested the website URL to provide specific assistance
  • No response yet on whether the CSS solution was effective

Proposed CSS Solution:
The code targets slideshow controls by:

  • Hiding navigation buttons (next/prev arrows and autoplay button) using display: none
  • Removing borders from slideshow controls
  • Repositioning control elements to bottom-right

The discussion remains open with no confirmed resolution.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

how to remove slideshow dots and arrow in dawn theme

thank you

1 Like
2

hey @Muhammad7 share the URLs of your website plz

3

.slideshow__controls, .slideshow__autoplay.slider-button {
border: 0 !important;
}

.slideshow__controls.slideshow__controls–top.slider-buttons {
position: absolute;
right: 0;
bottom: 0;
}

button.slider-button.slider-button–next, button.slider-button.slider-button–prev,
button.slideshow__autoplay.slider-button {
display: none;
}

.slideshow__controls.slideshow__controls–top.slider-buttons {
justify-content: right;
}