Re: Remover Border Product images

Solved

How to remove border from product images on a custom theme?

kenring81
New Member
8 0 0

Hello,

 

I'm using a custom theme on my website.

I'm having an issue removing the border around the product images in desktop mode .

No border appearing in mobile.

There is no option to remove border in theme settings

kenring81_1-1698578917790.png

 

 

Accepted Solution (1)
fadi_yousif
Shopify Partner
344 43 66

This is an accepted solution.

Add the following CSS code to the end of the styles.css file:

li.snize-product {
    border: none !important;
}

Freelance Shopify Developer


Did I help? Leave a tip!

View solution in original post

Replies 14 (14)

fadi_yousif
Shopify Partner
344 43 66

In that case you need to add a CSS rule that sets the border property to none or 0

Freelance Shopify Developer


Did I help? Leave a tip!

kenring81
New Member
8 0 0

Hi

Thank you for your reply

 

css options in assests code are as follows. do you know the code that's required to remove border and also what css file to add to

kenring81_0-1698585246464.png

 

 

fadi_yousif
Shopify Partner
344 43 66

I need the store URL

Freelance Shopify Developer


Did I help? Leave a tip!

kenring81
New Member
8 0 0

finewines.ie

fadi_yousif
Shopify Partner
344 43 66

and password

Freelance Shopify Developer


Did I help? Leave a tip!

kenring81
New Member
8 0 0

Hulkisangry123$

fadi_yousif
Shopify Partner
344 43 66

This is an accepted solution.

Add the following CSS code to the end of the styles.css file:

li.snize-product {
    border: none !important;
}

Freelance Shopify Developer


Did I help? Leave a tip!

kenring81
New Member
8 0 0

Worked - thank you very much

jackbcook
Visitor
3 0 0

Hi, I am having the same issue on my website www.thaicoffeeco.co.uk any help would be really appreciated please

shopnodor
Visitor
3 0 0

Yes I am having the same issue as well, I tried following all of the steps and it is not working. On shopnodor.com the blue boarder is on the outside of the below image, it would be great if the image touched the edges of the screen. 

shopnodor_0-1715562888220.png

 

Dirk
Shopify Staff
2396 255 526

Hey, @shopnodor 

 

I'm confident one of our Shopify experts would be able to accomplish this at a reasonable price.
 
Just wanted to share this as an option in case you are unable to find a coding solution in this thread to remove the product borders from your custom theme.

 

If there is anything else I can help you with, please let me know.

Dirk | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

shopnodor
Visitor
3 0 0

Hi Dirk,

 

Can you please advise why the media section does not work in the settings? I would like to avoid paying a shopify consultant as this should be an easy fix. As seen in the screenshot below, the thickness is set to zero. Any help here would be greatly appreciated!

 

shopnodor_0-1715642589854.png

 

Summer
Shopify Staff
1366 322 235

Are you using a Shopify theme, @shopnodor? If so, we can help you with that and we'd love to do so. Please create a support ticket by visiting our Help Center and starting a chat with the AI assistant. You'll be connected with one of our support advisors who will take a closer look at the issue. Thanks! 

Summer | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

shopnodor
Visitor
3 0 0

Thanks, I am using a shopify theme (Refresh). I will submit the ticket as requested.