I'd like to change the background color of my slideshow dots area on Dawn theme

Technical Q&A

Topic summary

A user seeks to change the background color of slideshow navigation dots in their Shopify Dawn theme store.

Initial Solutions Provided:

  • Add CSS targeting .shopify-section.slideshow .dot with custom background-color to the base.css file
  • Include hover and active states for the dots
  • Alternative approach: insert CSS code in the theme’s liquid file before the </body> tag

Current Issue:

  • The user implemented suggested CSS but reports it doesn’t fully work
  • Specifically wants the white background area around the dots to be black as well
  • The problem remains unresolved and requires immediate attention

Status: Ongoing - the user is awaiting a solution that addresses both the dot color and the surrounding background area.

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

It did do something. But I want the white background area to be black as well. That’s the issue I want to address ASAP.