Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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