How to remove border around icons in product description?

Store Design
, ,

Topic summary

A user encountered unwanted borders appearing around icons in their product descriptions on their Shopify store. After sharing their store URL (enrgyshop.com), another participant diagnosed the issue and provided a CSS solution.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Add the following CSS code before the </body> tag:
<style>
.rte.product img {
  border: unset !important;
}
</style>

The original poster confirmed the solution worked successfully, resolving the border issue around their product description icons.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hi, I have borders around my icons in the description of my product. Any idea how to remove them?

image_2023-12-22_195016008.png
image_2023-12-22_195016008.png157×136 2.6 KB

2

Hello @IZT
can you share store URL?

3

shopify.com/store/a5e414-2

4

Hello @IZT

techlyser_web_1-1703269113716.png
techlyser_web_1-1703269113716.png978×314 18.6 KB

5

https://enrgyshop.com/products/mountainzest-shilajit

6

Hello @IZT

You can add code by following these steps to change ATC background color

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product .rte img { border: unset !important; }
1 Like
7

It worked, bless you :heart: