How to invert Slideshow Bar in Dawn Theme

Store Design
, ,

Topic summary

A user wants to invert the slideshow navigation bar in Shopify’s Dawn theme from a white background with black dots to a black background with white dots.

Solution Provided:
A developer shared CSS code to add to assets/component-slider.css:

  • Changes .slideshow__controls background to black
  • Sets slider button colors to white
  • Modifies slider counter link dots to white with appropriate borders

Outcome:
The CSS solution successfully resolved the issue. The user confirmed it worked as intended.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
6

@richjj

If helpful then please Like Solution.

Welcome again Thanks!