How can I increase the policy page width in Dawn 8.0 theme?

Solved

How can I increase the policy page width in Dawn 8.0 theme?

dikerr
Tourist
8 0 1

I have gone through and tried all the solutions but nothing seems to work.

I am trying to get the Policy pages to increase in width. They are very narrow.

 

We are using Dawn Theme version 8.0

 

https://elegantfurniture.co.nz/policies/refund-policy

 

Screenshot 2023-03-27 at 9.56.25 AM.png

Accepted Solution (1)

made4Uo
Shopify Partner
3851 717 1195

This is an accepted solution.

Hi @dikerr,

 

Please add the code below to widen the page-width of your policy page.

 

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file

div.shopify-policy__container {
    max-width: 100ch;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 4 (4)

made4Uo
Shopify Partner
3851 717 1195

This is an accepted solution.

Hi @dikerr,

 

Please add the code below to widen the page-width of your policy page.

 

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file

div.shopify-policy__container {
    max-width: 100ch;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
dikerr
Tourist
8 0 1

Thank you! This suggestion worked 😍

 

PageFly-Victor
Shopify Partner
7865 1785 3101

Hi @dikerr 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

 

Online Store ->Theme ->Edit code

Assets ->Base.css

.shopify-policy__container {
    max-width: 100% !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

GemPages
Shopify Partner
5625 1261 1243

Hello @dikerr ,

 

It's the GemPages Support Team and we are glad to assist you today!

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1679890355115.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.shopify-policy__container {
    max-width: var(--page-width) !important;
}
@media screen and (min-width: 750px){
 .shopify-policy__container {
    padding-left: 5rem;
    padding-right: 5rem;
 }
}
</style>

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center