A line around the pictures in the description

[Fynorix]

Hi, I have a black border around every image in my description, which is bothering me when I use PNG images. I would appreciate some help.

[Tech_Coding]

Hello @Fynorix 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[Fynorix]

https://fynorix.com/products/smart-home-controller  in the product description

[Moeed · Accepted solution]

Hey @Fynorix 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.rte img {
    border: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Fynorix]

thank you so much

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[websensepro]

Hi @Fynorix ,

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__info-wrapper .product__description.rte img {
    border: none !important;
}
</style>

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

Thanks!

[Tech_Coding]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .product .rte img {
     border: unset !important;
  }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[websensepro]

Hi @Fynorix , kindly share your store URL please. Thanks!

[Moeed]

Hey @Fynorix 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Fynorix]

https://fynorix.com/products/smart-home-controller

[dws_pvt_ltd]

@Fynorix, Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open base.css" OR "theme.css".
6. Add the following code at the end of the file.

.product__info-wrapper .product__description.rte img {
    border: none;
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[Rahul_dhiman]

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> theme.scss.css

.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    border: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks