Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Adjust the width of all pages on Dawn 14.0 Theme - Blogs, Articles, Policies etc..

Solved

Adjust the width of all pages on Dawn 14.0 Theme - Blogs, Articles, Policies etc..

coalfield
Explorer
50 3 22

I am stuggling with page width on the following pages;

 

https://gpuconnect.com/blogs/article/installing-a-new-graphics-card-fan-guide

https://gpuconnect.com/pages/reviews

https://gpuconnect.com/policies/shipping-policy

 

And more... I have managed to fix the 3rd one the shipping policy (and all policy pages) by use of the following Custom CSS on the Theme settings

 

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

 

However it does not apply to the other pages that are not policies.  I really want a default width of 70% on all pages of this type, including the blogs and new pages I create.

 

Any help appreciated in adapting the code so it applies to all of these?

 

 

Screenshot 2024-06-16 004411.png

Accepted Solution (1)

PageFly-Noah
Shopify Partner
1317 233 277

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @coalfield Yes you can code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.shopify-policy__container{
   max-width: 70% !important;
}
.page-width{
   max-width: 70% !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 5 (5)

AnneLuo
Shopify Partner
1138 211 235


You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

 

<style>
@media screen and (min-width: 1024px) {
    .page-width {
        max-width: 70% !important;
    }
}
</style>

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

PageFly-Noah
Shopify Partner
1317 233 277

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @coalfield Yes you can code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.shopify-policy__container{
   max-width: 70% !important;
}
.page-width{
   max-width: 70% !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

coalfield
Explorer
50 3 22

Amazing that worked thank you!

PageFly-Noah
Shopify Partner
1317 233 277

@coalfield Thank you, Have a nice day !

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

coalfield
Explorer
50 3 22

EDIT: Ignore this one I fixed it