How can I adjust the width padding on my refund policy page using custom css?

Store Design

AI-generated summary

Goal: Adjust the refund policy page’s width/padding via custom CSS. Initial attempt by creating a new CSS asset didn’t take effect.

Working fix: Adding CSS in the theme’s base.css targeting the class “.shopify-policy__container” with max-width: 1170px and margin: 0 auto 40px resolved the layout issue. The original poster confirmed it worked.

Follow-up question: Change the header “Refund Policy” weight (font weight). Guidance was to edit the policy content in the admin, but the header wasn’t visible there. A Shopify help article on managing policies was shared for further steps.

Notes:

  • Key technical elements: CSS, base.css asset, .shopify-policy__container selector, max-width and margin properties.
  • The CSS snippet was central to the solution.

Status: Width/padding issue resolved. Header styling/content question remains open; no confirmed method yet to change the header weight from the admin content. Another participant asked if a solution was found, indicating the topic is ongoing.

1

Hello,

I am trying to change the width padding on my refund policy page using custom css. I have looked at the other questions and tried to add it to the theme.css but it didn’t exist so I made a new asset and added it there and it still didn’t work. Any ideas on what I need to do?

Here is my site.

https://www.toodleloo.com/

2

@DallinWest

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.shopify-policy__container {
    max-width: 1170px !important;
    margin: 0 auto 40px !important;
}
3

That worked thankyou so much!

4

I have another question. Is there a way I can change the weight of the refund policy header? It says refund policy.

5

@DallinWest

its my pleasure

yes please check your admin policy content and change

6

When I go to the content though the header is not visible. only the content

7

@DallinWest

yes, please check this

https://help.shopify.com/en/manual/checkout-settings/refund-privacy-tos#:~:text=From%20your%20Shopify%20admin%2C%20go,policies%20and%20make%20any%20changes.

8

Hello,

Did you find a solution? I have the same problem