Hi! How do I remove the padding on the sides in product pages as well as on regular pages (each page has their own custom template). See attached! Thank you!!
Topic summary
A user seeks to remove side padding from product pages and custom template pages in the Dawn theme. Two solutions are provided:
Solution 1 (PageFly-Richard):
- Navigate to Online Stores > Themes > More Actions > Edit code
- Open theme.liquid file
- Add CSS code above the
</head>tag - Adjust the 100% value to control spacing as needed
Solution 2 (BSS-Commerce):
- Access live theme and select Edit code
- Locate the theme.liquid file
- Insert the following CSS:
<style>
.page-width {
max-width: 100% !important;
}
</style>
Both approaches modify the .page-width class to expand content to full width. BSS-Commerce offers to provide additional help if the solution doesn’t work, requesting the store link for further troubleshooting. Screenshots demonstrate the before/after results showing reduced side margins.
Hi @cocoate21
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
You can decrease the 100% value to have more spacing.
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Hi @cocoate21 ,
Go to your live theme, select Edit code
Then search for the theme.liquid file
and add the following code:
<style>
.page-width {
max-width: 100% !important;
}
</style>
Result:
If the above solution does not work or is not to your liking, can you please give me your store link to better understand the problem?