Collection page products till the edge of the website without any padding

Store Design
, , , , ,

Topic summary

A user working with Shopify’s Dawn theme wants to remove padding/spacing from collection page product grids so they extend to the website’s edges.

Proposed Solution:
Another user provided CSS code to add to base.css:

  • Targets .page-width class
  • Sets padding: 0rem !important
  • Applies only on screens 750px and wider

Current Issue:
The original poster confirmed the CSS works but affects all sections across all pages. They need the customization to apply only to the collection page specifically, not site-wide.

Status: The discussion remains open with the user seeking a more targeted solution that isolates the styling to collection pages alone.

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

I’m using Dawn theme latest version, in that I need to customize the collection page product grids should be until edge of the website without any spacing like padding or margin.

https://rugd-in.myshopify.com/collections/all

password: rugged

Thanks in advance.

2

Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.page-width {
padding: 0rem !important;
}
}

result

35.png
35.png1920×795 195 KB

If this was helpful, hit the like button and accept the solution.
Thanks

3

Thanks It’s working but it changes all the section in all the pages, I need the exact collection page alone need to be customized