Dawn Theme: How to have width of "Page" section on page match width of "Rich Text" sections?

Store Design
, , ,

Topic summary

A user seeks to align the width of a “Page” section with “Rich Text” sections in the Dawn theme.

Solution provided:

  • Add custom CSS code to layout >> theme.liquid file, placed above the </body> tag
  • The CSS targets .page-width.page-width--narrow class, setting max-width to 87rem with 5rem padding on left and right
  • Additional styling adjusts .rich-text__wrapper--center to use 77rem max-width and flex-start justification

Outcome:
The solution successfully resolved the alignment issue, with the original poster confirming it worked.

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

Wondering how I can align the text in first section with the rest of the page…

Site:

https://guisemen.com/pages/about

Thank you in advance for your guidance.

2

@guisemen

Hello,

Please paste the given code above

layout >> theme.liquid

.page-width.page-width--narrow { max-width: 87rem!important; padding-left: 5rem; padding-right: 5rem; } .isolate.page-width .rich-text__wrapper.rich-text__wrapper--center { justify-content: flex-start!important; max-width: 77rem!important; }

after paste the code looks

techlyser_web_0-1673211811581.png
techlyser_web_0-1673211811581.png1885×895 39.8 KB

1 Like
3

Amazing! Thank you so much for your help!