Remove Padding - Product Page

Shopify Discussion

Topic summary

A user needed help removing excessive padding around product images on their Shopify product page in desktop mode and wanted to shift the product text slightly to the right.

Solution Provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code above the closing </body> tag
  • Access via: Online Store → Edit Code → theme.liquid

Outcome:
The CSS solution successfully resolved the padding issue. The discussion is now closed with the problem fully resolved.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

hello,

i need help removing most of the padding around all of my product images in desktop mode. please see photo to see what i mean. i would also like to move over my text on the right a little.

URL:https://www.samiyaskincare.com.au/products/clarity-bundle-1

PW: ellacoker

ellacoker_0-1738617217941.png
ellacoker_0-1738617217941.png999×625 94 KB

1 Like
2

Hey @ellacoker

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1738617687545.png
Moeed_0-1738617687545.png1906×920 110 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Great. It worked. Thank you so much!

1 Like
4

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.