Remove Side Padding on Product Page

[jadedheart32]

How can I reduce the padding on the sides on the product page only? I want more space for the product descriptions to expand on the right. Everything feels too squished in the center.

[amine_diouane]

can you provide your website URL

[Made4uo-Ribe]

Hi @jadedheart32 

Please, share your store URL. Thanks!

[Entaice]

To remove side padding on the product page in Shopify, you can add some custom CSS. Here’s a simple way to do it:
1. Go to your Shopify admin.
2. Click on "Online Store," then "Themes."
3. Find your current theme and click on "Actions," then "Edit Code."
4. In the "Assets" folder, look for a file named `theme.scss.liquid` or `styles.scss.liquid`.
5. Open that file and scroll to the bottom.
6. Try something like this CSS code:
css .product-template { padding-left: 0; padding-right: 0; } 
7. Save your changes. 

[Dan-From-Ryviu · Accepted solution]

Hi @jadedheart32 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. 

product-info .page-width:has(.product) { max-width: 1600px; }