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
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024