Dawn Theme - Change slideshow margins to match the collections below

Ask & Offer

Topic summary

A user working with Shopify’s Dawn theme (version 15.4.0) wants to adjust the slideshow component’s margins to match those of the collections section below it.

Key Details:

  • Using the default Dawn theme slideshow component
  • No custom code has been implemented yet
  • Goal is visual consistency between slideshow and “new arrivals” collection margins
  • An image is included showing the current layout with mismatched spacing

Status: The question remains unanswered with no solutions or suggestions provided yet.

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

Hi,

I’m using dawn theme 15.4.0 and wanted apply margins to my slideshow (this is the basic slideshow component within dawn theme) and match them with the margins that the new arrivals collection has.

Thanks in advance! No custom codes used here.

image
image1920×949 81.3 KB

1 Like
2

Hi @christianjardiolin

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

3

If no mods applied, then paste this code into “Custom CSS” of the Slideshow section.
The code mimics the page-width class which is used in other sections to limit their width.

{
  max-width: var(--page-width);
  padding: 0 1.5rem;
  margin: 0 auto;
}
@media (min-width: 750px) {
  {
    padding: 0 5rem;
  }
}

Note that this code is designed to be used in “Custom CSS” of the section and would not work elsewhere.

4

Thank you so much! It worked!