How To Increase Width Of Legal / Policy Pages? My theme is 2.0 Alchemy

Store Design

Topic summary

Goal: widen the text area on Shopify legal/policy pages in a 2.0 theme (Alchemy), which appears too narrow.

Proposed fixes (CSS-based):

  • Edit the CSS selector .shopify-policy__container and increase its max-width.
  • Example (with optional spacing): max-width: 560–1200px; margin: 0 auto; padding-left/right: 20px. Use !important if needed.

Where to add the CSS (varies by theme/files present):

  • If Assets > policy.css exists: add the rule there.
  • If no policy.css but style.css exists: add it in style.css.
  • If neither exists (e.g., Dawn/Studio): add it to Assets > base.css (append at bottom).

Notes:

  • Adjust max-width to taste (e.g., 600px, 1200px). Adding !important can override theme defaults.
  • Some replies requested store URL/password; one suggested adding as staff rather than sharing logins.

Status/outcome:

  • Original poster later confirmed it’s fixed.
  • Follow-up questions about 2.0 themes lacking policy.css/style.css were resolved by using base.css. The thread is effectively resolved with clear, theme-agnostic CSS placement options.
Summarized with AI on January 14. AI used: gpt-5.
1

Hi. I need to make the text on the policy pages wider as it looks ridiculous like this, can anyone help me?

2

Hi, I am available to start work now.

I have checked the shared attachment and would be glad to assist you to increase Width Of Legal / Policy Pages.

Waiting for your response.

Thanks

3

Hi @RubenTanta ,

Please share your store URL and password if it is password-protected.

4

ELLO, YES THIS IS THE LINK: https://tantarainwear.myshopify.com/

Password: 2020

Thanks

5

I will need to get this done via coding, and I will like to ask you certain questions because instead of providing your login, why not add as a staff member?.

6

Hi @RubenTanta ,

You can increase the width of Legal page content as follows:

  1. Go to online theme → edit code → Asset → policy.css

  2. Ctrl + F find CSS class name, .shopify-policy__container

  3. modify code as follows:

.shopify-policy__container {
    max-width: 560px; 
    /* max-width: 65ch; */
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

If you’d like to keep increasing width, just change max-width from 560px to 600px.

1 Like
7

Hello [email removed]RubenTantä

add this code to your “style.css” file.

Navigate to online store >> Click edit theme code.

Now find “style.css” and paste the following code:

.shopify-policy__container{max-width: 1200px !important;}
1 Like
8

Sorry but the CSS class name, .shopify-policy__container did not appear in my code. It’s fixed now but thank you very much for your time.

9

Hi,

I’m using a 2.0 Dawn theme, however I could not find the policy.css under the Assets folder.

I’m a newbie to web design, please help me.

Thanks

1 Like
10

Is there a solution for 2.0 themes that don’t have a policy.css or style.css asset? (Specifically the theme “studio”)

11

I may be a bit late. But yes!

Navitage to online store > edit code > Assets > base.css

Scroll down to the bottom of the file and paste this code in:

.shopify-policy__container{max-width: 1200px !important;}