How to increase width of collection-list segment (dawn theme)

Topic summary

Goal: Increase the width of the Collection list section in Shopify’s Dawn theme so more columns use the full page width, with images scaling to fill the space.

Solution provided: A CSS override added to base.css targeting the specific section’s template class (e.g., .section-template–[id]-padding) to set max-width: 100% and remove side padding (padding-left/right: 0), with !important to ensure it applies.

Outcome: The original poster confirmed the CSS fix worked and the section expanded as desired.

New/ongoing issues: Another user on Dawn 12.0.0 reported the same need (with screenshots of the slider width constraint) and no confirmed fix yet. A subsequent participant asked whether a resolution was found. A different user tried applying the shared CSS but saw no change and requested further guidance.

Status: Partially resolved—original case fixed via section-specific CSS. Later cases remain open, with unresolved reports that the same approach didn’t work, potentially due to different section identifiers or theme versions. Attachments: multiple screenshots illustrating the constrained slider width.

Summarized with AI on December 22. AI used: gpt-5.

Hi there all, I need help once again please to increase the width of my collection list segment in dawn theme. I can add more columns but it just fits them into the same component slider width. I know there is a way to increase the page width, I’m just failing to find the right code for it!

I also want the image boxes to scale up to fill the wider space please. I have been playing around with code on this one for a while and have had no luck getting it to behave!

Site: p1simgear.com.au
pw: P1test%

Thanks!

Hi there,

You can do that by adding the following code to your base.css file.

.section-template--14991482781769__16616413125bd71cb0-padding {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

The !important is used to ensure that other styles are overwritten, it may not be a necessity in this case.

Let me know if this was helpful.

Regards,

1 Like

Wow, that was perfect! So simple, I had been messing around for ever with that, i hadn’t thought to just change the section template directly. You are a star! thanks so much.

Glad that I could be of help!

Have a nice day!

Hi there all, I need help please to increase the width of my collection list segment in dawn theme 12.0.0. I can add more columns but it just fits them into the same component slider width. I know there is a way to increase the page width, I’m just failing to find the right code for it!

I also want the image boxes to scale up to fill the wider space please. I have been playing around with code on this one for a while and have had no luck getting it to behave!

Hi @UmairHassan1122

Did you ever find the resolution to this?

Thanks

Hello @GabrielS I’m trying to apply this code for the same reason and it’s not making a difference. Any ideas? Thanks in advance