Remove the pagination style 'dots' from below slideshow section (Dawn Theme)

Topic summary

Goal: Remove slideshow pagination dots (slider controls) across devices in Shopify’s Dawn theme.

Proposed fix (Dawn):

  • Admin > Online store > Themes > Edit code > Assets > base.css
  • Add: .slideshow__controls.slideshow__controls–top.slider-buttons.no-js-hidden { display: none; }
  • Outcome: Confirmed working by multiple users; one reported no change.

Alternate fix (Refresh theme):

  • Assets > component-slider.css
  • Set .slider-buttons { display: none; }
  • Outcome: Worked for a Refresh user when base.css did not.

Caution/side effects:

  • Hiding the generic .slider-buttons class can also remove the announcement bar for some setups. Using a more specific selector targeting only slideshow controls is safer.

Current status:

  • Partially resolved. Works for many on Dawn with the specific selector; Refresh theme requires editing component-slider.css.
  • Some users still report issues and one notes unintended removal of the announcement bar. No single universal fix confirmed; discussion remains open.
Summarized with AI on December 23. AI used: gpt-5.

Yes, It worked perfectly for me

1 Like