gridlines between product photos

Deutsch Diskussion Technische Fragen & Antworten
,

Topic summary

A user is experiencing unwanted gridlines appearing between product photos on their Shopify product pages and seeks help removing them. They’ve provided a screenshot showing the issue on their store (msim-maet).

A solution has been offered:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Locate the base.css file under Assets
  • Add custom CSS code at the bottom targeting .global-media-settings with a red 1px solid border marked as !important

The discussion appears to be ongoing, with no confirmation yet on whether the proposed CSS fix successfully resolved the gridline issue.

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

Hi!

Can anyone help on getting rid of these gridlines on the product page? S. screenshot attached

Screenshot 2023-08-24 at 21.46.00.png
Screenshot 2023-08-24 at 21.46.00.png864×1166 60.9 KB

Thank in advance!

store url: www.mismstudio.com

https://mismstudio.com/products/rot-apparel-organic-oversize-sweatshirt

best,

team-mism

1 Like
2

Hello there

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.global-media-settings {
border: 1px solid red!important;
}

ZestardTech_0-1692938873597.png
ZestardTech_0-1692938873597.png1833×752 154 KB

1 Like