Adjust margin/padding/font size for policies page dawn theme

[Verterra]

Hello! I would like to ask if anyone knows how to customise the policies page on Shopify. 
I have tried following the solutions in this forum: https://community.shopify.com/c/shopify-design/dawn-theme-change-the-layout-for-policies/m-p/2315930

But copying the code in doesnt work for me. In addition, i am facing these issues: 

1. The left/right margins are huge,  I want the text to spread more across the page 

2. I want to reduce the size of the text 

3. I want to have more padding at the top and bottom of the font, currently the paragraphs end right on top of the footer 

My store URL is: https://verterra.sg/password, password is VerterraTest123

Thank you!

[Moeed · Accepted solution]

Hey @Verterra 

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 </body> tag

<style>
.shopify-policy__container {
    max-width: 90% !important;
    padding-bottom: 50px !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[suyash1]

@Verterra - please add this css to the very end of your base.css file and check, adjust no. 98 as per the need

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

[Moeed · Accepted solution]

Hey @Verterra 

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 </body> tag

<style>
.shopify-policy__container {
    max-width: 90% !important;
    padding-bottom: 50px !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Verterra]

Thank you, this worked well for me! 🙂 

Can I check if you would be able to advise how to adjust the font-size of body text on the policies page as well? 

[Moeed · Accepted solution]

Hey @Verterra 

Keep the previous code and add this new code above </style> in the end of theme.liquid file.

.shopify-policy__body {
    font-size: 13px !important;
}

RESULT:

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

Best Regards,
Moeed

[Verterra]

Thank you! 

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[IlseK]

Hi @Moeed,

I came across this thread and it helped me to adjust the width of my policy pages as well, so THANK YOU.
I don't know if I can use the same code that you gave earlier in this thread and make some adjustments.

Could you help me by also adjusting the width for the pages like contact and about?

Thank you.