How to adjust the display length of the policy page text?

Store Design
, , ,

Topic summary

A user seeks to adjust the display width of policy page text, which appears too narrow in their store.

Two solutions were provided:

Solution 1 (Moeed):

  • Navigate to Online Store → Edit Code → theme.liquid
  • Insert custom CSS code above the </body> tag
  • Uses inline styling to modify the policy container width

Solution 2 (EstherBui):

  • Go to Edit Code → base.css file
  • Add CSS rule at the end: .shopify-policy__container { max-width: 120ch !important; }
  • Directly targets the policy container class

Both approaches use CSS to increase the maximum width of the policy text container. The second solution appears cleaner as it places the CSS in the appropriate stylesheet rather than inline in the theme file. Screenshots demonstrate the before/after results showing expanded text width.

Status: Two working solutions provided; awaiting user confirmation on which approach they’ll implement.

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

How to adjust the display length of the policy page text?

PixPin_2025-01-18_18-58-24.png
PixPin_2025-01-18_18-58-24.png1516×340 34.7 KB

1 Like
2

Hey @CRART

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1737198282313.png
Moeed_0-1737198282313.png1895×907 77.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hi CRAFT

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
.shopify-policy__container {
   max-width: 120ch !important;
}

Best,
Esther