How can I adjust the policy pages in Dawn theme?

Store Design
,

Topic summary

Goal: Increase the text width on Shopify policy pages in the Dawn theme to reduce side whitespace.

Proposed fixes:

  • Add a CSS rule targeting the policy container: .shopify-policy__container.
  • Option A: max-width: 120ch !important; for a character-based width that keeps readable line length.
  • Option B: max-width: 90%; for a page-relative width that expands with the viewport.

How to apply:

  • Shopify Admin → Online Store → Themes → Edit code.
  • Open a main stylesheet (e.g., base.css, theme.css, styles.css, or theme.scss.liquid).
  • Paste the chosen CSS at the end of the file and save.

Notes:

  • “ch” is a CSS unit roughly equal to the width of the “0” character; 120ch limits line length to about 120 characters. “%” is relative to the container width.
  • Screenshots illustrate file navigation and the visual result but are not essential to execute the steps.

Status: Suggestions provided; no confirmation from the original poster, and no final resolution marked.

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

Hello, I would like to adjust the width of the policy pages on my store. I am using the Dawn theme and the policy pages are small with lots of dead space on the sides. You can see it here: Privacy policy – Ye Olde Curator

I would like to increase the width of the text that spans most of the page. How can I do that?

2

Hi @richbernardo ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSCommerceHDL_0-1718295412487.png
BSSCommerceHDL_0-1718295412487.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1718295417015.png
BSSCommerceHDL_1-1718295417015.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.shopify-policy__container {
    max-width: 120ch !important;
}

Here is result:

BSSCommerceHDL_2-1718295470223.png
BSSCommerceHDL_2-1718295470223.png1919×886 93.5 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

@richbernardo - please add this css to the very end of your base.css file and check

.shopify-policy__container{max-width: 90%;}

suyash1_0-1718295604611.png
suyash1_0-1718295604611.png1366×768 95.4 KB

1 Like