A black line around a product image on the homepage and product page

Store Design
,

Topic summary

A user encountered an unwanted black border appearing around product images on both their homepage and product pages.

Solution Provided:

  • Add custom CSS code to the theme.liquid file
  • Navigate to: Online Store ā†’ Theme ā†’ Edit code
  • Insert the CSS snippet before the closing tag
  • The CSS targets product images and removes the border styling

Outcome:
The solution successfully resolved the issue. The black border was removed from the product images across the affected pages.

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

Screenshot 2024-09-19 152945.png
Screenshot 2024-09-19 152945.png666Ɨ530 38.4 KB

I have a black line around the product images on the homepage and product page, Iā€™d be happy to help

URL- https://fynorix.com/products/smart-home-controller

2

Hi

  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-1726749271148.png
websensepro_0-1726749271148.png744Ɨ607 58.8 KB

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

Thanks!

1 Like
3

Thank you very much for the help

1 Like
4

@Fynorix glad it worked. Your most welcome!