Changing product page width for all product pages - DAWN Theme

Shopify Discussion
, , ,

Topic summary

  • Goal: Increase the width of all product pages in the Dawn theme without affecting other page types.

  • Motivation: Allow larger thumbnails and main image, and longer text lines.

  • Attempted solution: Added a CSS rule in base.css within a media query (min-width: 1000px) targeting the product section selector and setting width: 100% !important:
    @media screen and (min-width: 1000px) {
    section#MainProduct-template–23316315242820__main.page-width {
    width: 100% !important;
    }
    }

  • Reference: A screenshot (image) shows the selector used; it’s central to understanding the attempted approach.

  • Status: The user is seeking guidance; no replies or confirmed solution yet. Discussion remains open with the key question of how to widen only product pages in Dawn effectively.

Summarized with AI on December 18. AI used: gpt-5.
1

anybody know how to change the general product page width for all product pages without changing the width of any other type of page? I just want all the things contained to have a little more room so that the thumbnails can be a little bigger, the main image too, the text lines longer

I have tried it with the selector as visible in the screenshot:

ManuelH_0-1727787295825.png
ManuelH_0-1727787295825.png2550×1233 480 KB

here in written form in the code in base.css:

@media screen and (min-width: 1000px) {
section#MainProduct-template–23316315242820__main.page-width {
width: 100% !important;
}
}

thanks in advance