how to fix this the product images seems close to each other,

Store Design

Topic summary

A user wants to add spacing between product images on their collection page, which currently appear too close together. They’ve shared a screenshot showing the current layout.

A proposed solution involves:

  • Navigating to Online Store → Edit Code
  • Locating the theme.liquid file
  • Adding custom CSS code above the closing tag

The CSS targets card elements with:

.card--card, .card--standard .card__inner {
  width: auto !important;
}

Status: The solution has been offered but not yet confirmed as tested or working. The discussion remains open pending implementation feedback.

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

I would like to a gap in every product image

niceeee_0-1680330746847.png
niceeee_0-1680330746847.png1236×506 307 KB

url:https://makerlab-electronics-ph.myshopify.com/

2

I hope this solution will works. Please follow below 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
.card--card, .card--standard .card__inner { width: auto!important; }