make gap between images smaller

Store Design
, , , , , , , , , , , , , ,

Topic summary

A user wants to reduce the spacing between images on their Shopify product page.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Insert custom CSS code before the closing </head> tag

The response includes a code snippet (though the specific CSS wasn’t fully visible in the conversation) to adjust image gaps. The solution appears to be a straightforward CSS customization that modifies the theme’s styling without requiring complex development work.

Status: A solution has been offered but not yet confirmed as implemented or tested by the original poster.

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

hi,

is it possible to make the gap between the images on my product page smaller?

sixdreamz_0-1727441662586.png
sixdreamz_0-1727441662586.png2462×1260 222 KB

url: sixdreamz.com

password: sdc2003

2

Hi @sixdreamz

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

websensepro_0-1727443713403.png
websensepro_0-1727443713403.png1365×428 58.3 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!