how to adjust slideshow white space between dots and image

Topic summary

A user working with Shopify’s Dawn theme wants to remove or minimize the white space between slideshow navigation dots and the image. An attached screenshot illustrates the issue.

Solution Provided:

  • Add custom CSS to hide the slideshow controls section:
    .slideshow__controls { display: none !important; }
    
  • This code should be added to the Custom CSS field of the slideshow section

Additional Request:
The user also seeks guidance on adjusting button sizes specifically for mobile view, which remains unanswered.

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

Hi,

I’d like to adjust my slideshow where the white thin banner underneath is no longer visible or at least super thin. Would anyone know how I could code that into my shopify store? I’m using the Dawn theme. I’ve attached the image below

Also, if anyone knows how to change the size of the button for mobile view, that would be so helpful!

Thank you!

You can hide that part by adding this code to Custom CSS of that section

.slideshow__controls { display: none !important; }