Remove pagination from trade theme

Shopify Discussion

Topic summary

A user sought help removing pagination dots from the Trade theme’s slideshow feature in Shopify.

Solution provided:

  • Navigate to Themes → Edit code
  • Locate the component-slideshow.css file
  • Add the following CSS code at the bottom:
.slideshow__controls {
  display: none !important;
}

Outcome:

  • The solution successfully removed the pagination dots
  • Issue resolved
Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
2

Hi @joeltattersall1 ,

To remove the dot pagination of the slideshow, go to Themes → Edit code → find the ‘component-slideshow.css’ file and add this code at the bottom:

.slideshow__controls {
   display: none !important;
}

Hope this helps.

1 Like