Remove border on product card

[KevinMalmberg]

How do I remove this border? Border setting is set to 0 and I use the Dawn theme

[topnewyork]

Hi @KevinMalmberg , kindly share your store URL.

[BSS-TekLabs]

Hello @KevinMalmberg 
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

[KevinMalmberg]

https://bergtryck.com/products/unisex-t-shirt 

Website password: rtiyia

[BSS-TekLabs]

Sorry but I can't find where to enter the password.

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[KevinMalmberg]

https://bergtryck.com/products/unisex-t-shirt 

Website password: rtiyia

[ZestardTech]

Hi @KevinMalmberg 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product-media-container {
border: none;
}

[topnewyork · Accepted solution]

@KevinMalmberg ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient {
    border: none !important;
}
</style>

If you also want to remove border from variant images

<style>
.thumbnail {
    border: none !important;
}
</style>

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

Thanks!

[KevinMalmberg]

Worked!

Is there a way to change the thickness of the border below for the miniature photos?

They are comically thick.

[KevinMalmberg]

Welp i didnt see the rest of the message. Thank you it worked!

[topnewyork]

No worries. Glad it worked, Your welcome!