Remove margins product page

Store Design
, ,

Topic summary

A user sought help removing unwanted margins between product photos on their product page.

Solution provided:

  • Initial CSS suggestion targeted .product__media-item.grid__item with margin-bottom: -10px
  • When the first attempt didn’t work, adding !important to the CSS rule resolved the issue

Outcome:
The problem was successfully resolved using the modified CSS code with the !important declaration.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
2 
product__media-item.grid__item {
  margin-bottom: -10px;
}