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

Solved

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

Verterra
Explorer
62 1 9

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 

Verterra_0-1719925448665.png

 


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 

Verterra_1-1719925468688.png

 

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

 

Thank you!

 

Accepted Solutions (2)

Moeed
Shopify Partner
4373 1127 1385

This is an 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:

Moeed_0-1719926648122.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Moeed
Shopify Partner
4373 1127 1385

This is an 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:

Moeed_0-1719927848831.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 6 (6)

suyash1
Shopify Partner
9586 1199 1540

@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%;}

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Moeed
Shopify Partner
4373 1127 1385

This is an 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:

Moeed_0-1719926648122.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Verterra
Explorer
62 1 9

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
Shopify Partner
4373 1127 1385

This is an 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:

Moeed_0-1719927848831.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Verterra
Explorer
62 1 9

Thank you! 

Moeed
Shopify Partner
4373 1127 1385

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.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️