Topic summary
Request to remove left-side spacing so the page body aligns flush to the left edge, and to change the background color on specific pages (Contact and Shipping). The user asks how to accomplish both, likely via CSS or theme settings.
Key points:
- Goal: shift all body content fully left (remove/override padding or margin).
- Goal: apply a different background color only on Contact or Shipping pages.
- Seeks practical steps or code to implement these changes.
Notes:
- A screenshot is attached and appears central to illustrating the unwanted left padding/spacing.
- No solutions or follow-ups provided yet; the request is currently unanswered and open.
Hello @Hiten567
Please share your store link
Hey @Hiten567
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Shipping, Returns and Refund Policy – vaikunthatea password–uldotttt
Hey @Hiten567
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (min-width: 768px) {
section#shopify-section-template--20295600275655__main .page-width--narrow {
max-width: 150rem !important;
}
}
</style>
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
Please use this code in CSS file
@media screen and (min-width: 990px){
#shopify-section-template--20295600275655__main .page-width {
max-width: var(--page-width);
}
}
it worked thanks! but i wanted the heading to be at the centre. Rest all, aligned to the left can we do that?
I have updated my code, check out the updated code again
It worked!! thanks a lot..
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.