Remove Border on Craft Theme

Store Design
, , ,

Topic summary

A user needed help removing a grey border appearing around product images in the Craft theme’s product grid. The border was particularly visible on images with light backgrounds.

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code after the <head> element
  • The specific CSS targets the border styling on product grid images

Outcome:

  • The solution successfully resolved the issue
  • The border was removed as intended

Note: The conversation contains reversed/mirrored text in the original posts, but the core technical solution involves CSS customization in the theme files.

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

Hi all,

I’ve been struggling to figure out how to remove this border on the product grid on the craft theme. See how around the outside of the images theres a slight grey border. it’s particularly noticable on the picture with the light background.

Any suggestions appreciated!

Screenshot 2024-04-03 at 11.13.08 PM.png
Screenshot 2024-04-03 at 11.13.08 PM.png2534×896 371 KB

https://island-archive.myshopify.com/

Store Access Pin: 1983

2

hi @dkp4845

You can do that by adding this code to your theme.liquid file, after element
3

Thank you! It worked

1 Like
4

You are very welcome!