Solved

Shopify Dawn Remove Outline Around Icon

tigas31
Excursionist
57 0 9

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?

 

tigas31_0-1679148625084.png

 

Thank you,

Accepted Solution (1)

GemPages
Shopify Partner
5588 1261 1206

This is an 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

GemPages_0-1679194358964.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)

techlyser_web
Shopify Partner
1404 262 276

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.

 

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

GemPages
Shopify Partner
5588 1261 1206

This is an 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

GemPages_0-1679194358964.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
tigas31
Excursionist
57 0 9

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?

tigas31_0-1679252360278.png