How can I remove the outline around icons on the Dawn theme?

[tigas31]

Hi,

I'm using the Shopify Dawn Theme and I have added some icons to my product page, but when I upload the icons there's a outline around each icon. I don't know if you can see it, but it's there and I would like to remove it. Is there any way to remove this line around the icons?

Thank you,

[niraj_patel]

Hello @tigas31 

Would you like to share your store URL Please ( with password if password protected ) so I can provide you some precise solution for this one

Thank you and looking forward to hear from you.

[GemPages · Accepted solution]

Hello @tigas31 ,

It's GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

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

Let us know how it works for you.

Best regards,
GemPages Support Team

[tigas31]

Thank you @GemPages. I've also noticed that when I zoom in the icons lose a lot of quality. 
Do you know if there's a way to ensure it doesn't lose quality?