How do I remove the black border from my products

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
453 128 98

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
427 143 143

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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 5 (5)

Vinsinfo
Shopify Partner
427 143 143

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
EmmaLILI
Tourist
16 0 2
Vinsinfo
Shopify Partner
427 143 143

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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

Anshul_arora
Navigator
453 128 98

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
Nad
New Member
7 0 0

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/