How to remove these spaces from the sides so that the text and images of the product description of the impulse theme look full width
https://4dc3c8.myshopify.com/products/filtro-universal-7-en-1
A user seeks to remove side padding/margins from product description pages in the Shopify Impulse theme to achieve full-width text and images.
Initial Solutions Proposed:
theme.css targeting .page-full, .page-width with padding: 0 !important<style> tags in theme.liquid file above </head> or </body> tagsIssue Encountered:
After implementing the CSS solution, the left padding was removed but new blank space appeared on the right side (shown in screenshot).
Current Status:
The user confirmed one solution worked (“thanks”), though it’s unclear if the right-side spacing issue was fully resolved. Multiple implementation methods were discussed (theme.css vs. inline styles in theme.liquid), with contributors emphasizing proper code placement and noting that some side padding is generally considered good design practice.
How to remove these spaces from the sides so that the text and images of the product description of the impulse theme look full width
https://4dc3c8.myshopify.com/products/filtro-universal-7-en-1
Hello @tyga
Actually it is good practice to keep some space to the side of your website.
Do you want to remove the gap from product page only or from all the pages?
If from all the pages paste this code in theme.css file
Go-to Online Stores> Themes> Edit code and find the file theme.css
and paste the code to very bottom
.page-full, .page-width {
padding: 0 !important;
}
Hopefully, it will help you. If yes then Please don’t forget to hit Like and Mark it as the solution!
This is Noah from PageFly - Shopify Page Builder App
You can remove padding in view mobile by add code here:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid,
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
There is not tag
hi @tyga please check again in theme.liquid you can add it above . Or if you want add code to theme.css you can delete tab ad and past code it to theme.css
thanks!
Thank you.