Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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.
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!
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.
Amazing that worked thank you!
@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.
EDIT: Ignore this one I fixed it
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025