Solved

How do I remove the black border from my products

EmmaLILI
Tourist
16 0 2

I have tried turning the border thickness in media etc to 0 but its not working, any help would be greatDACACDD3-479C-4033-B3D1-CB85B4F0477E.png

Accepted Solutions (2)

Anshul_arora
Navigator
364 103 71

This is an accepted solution.

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 </body> tag and save.

<style>

li.snize-product {
border: 0px !important;

}

</style>


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

Anshul_arora_0-1715152050219.png

 

I hope the code helps you.

Please share if you have any queries.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Vinsinfo
Shopify Partner
247 90 82

This is an accepted solution.

@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

 


 

2. Click action button from the current theme and select "Edit code".
Vinsinfo_4-1715153404449.png

 

3. 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

 

4. Save the changes.
 
Result will be like,
Vinsinfo_0-1715153267076.png

 

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

View solution in original post

Replies 4 (4)

Vinsinfo
Shopify Partner
247 90 82

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

EmmaLILI
Tourist
16 0 2
Vinsinfo
Shopify Partner
247 90 82

This is an accepted solution.

@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

 


 

2. Click action button from the current theme and select "Edit code".
Vinsinfo_4-1715153404449.png

 

3. 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

 

4. Save the changes.
 
Result will be like,
Vinsinfo_0-1715153267076.png

 

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

Anshul_arora
Navigator
364 103 71

This is an accepted solution.

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 </body> tag and save.

<style>

li.snize-product {
border: 0px !important;

}

</style>


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

Anshul_arora_0-1715152050219.png

 

I hope the code helps you.

Please share if you have any queries.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here