How do I remove the black border from my products

Shopify Discussion
1

I have tried turning the border thickness in media etc to 0 but its not working, any help would be great

DACACDD3-479C-4033-B3D1-CB85B4F0477E.png
DACACDD3-479C-4033-B3D1-CB85B4F0477E.png2302Ă—1016 416 KB

2

@EmmaLILI Please share your store URL to help you on this.

3

https://www.loveitloanit.nz

4

Hello @EmmaLILI ,

I understand you are looking to remove the black border from the product listing.

I have reviewed your store and code, the below-mentioned CSS code may help you to remove the black border from the product listing.

Add the code at the bottom of the theme.liquid file before tag and save.

Output -: https://prnt.sc/SoQFSKKsgwPG

Anshul_arora_0-1715152050219.png
Anshul_arora_0-1715152050219.png1577Ă—812 200 KB

I hope the code helps you.

Please share if you have any queries.

Thank you.

1 Like
5

@EmmaLILI Please follow below steps to make the border 0. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.

Vinsinfo_1-1715153605213.png
Vinsinfo_1-1715153605213.png259Ă—527 15.4 KB

  1. Click action button from the current theme and select “Edit code”.

Vinsinfo_4-1715153404449.png
Vinsinfo_4-1715153404449.png1920Ă—869 148 KB

  1. Search for base.css file and paste the below code at the bottom of the file.
#snize-search-results-grid-mode li.snize-product, #snize-search-results-grid-mode li.snize-product .snize-thumbnail {
  border: 0px !important;
}

Vinsinfo_6-1715153419850.png
Vinsinfo_6-1715153419850.png1920Ă—869 70.5 KB

  1. Save the changes.

Result will be like,

Vinsinfo_0-1715153267076.png
Vinsinfo_0-1715153267076.png1434Ă—589 537 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

1 Like
6

Hi, I’ve been trying to remove the black borders from my product listings, but cant seem to despite copying different codes. Can you help me?

https://shortcutx.co/