Remove border around images in product description dawn theme

sipsnapshop
Tourist
4 0 2

When I insert an image in the dawn theme on my product description it has a border, how do I remove this border? 

Screen Shot 2023-08-24 at 1.55.33 AM.png

Store is: sipsnap.store

 

 

Replies 5 (5)

Moeed
Shopify Partner
3878 981 1226

Hey @sipsnapshop 

 

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: none !important;
}
</style>

RESULT:

Moeed_0-1692867634113.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

PageFly-Oliver
Shopify Partner
878 190 174

Hi @sipsnapshop ,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file -> Save

.product__description img{border:none !important}



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Summyr
Tourist
6 0 0

This worked great, instead of editing the theme code - Added it to Custom CSS in Theme Settings! Thanks for the solution.

ZestardTech
Shopify Expert
5602 1019 1346

Hello @sipsnapshop 

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

 

.product__description.rte.quick-add-hidden .rte img {
boder: none;
}

 

ZestardTech_0-1692868919797.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

dbuglab
Shopify Partner
473 51 50

Hi @sipsnapshop 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the file above </Head> tag

<style>
#ProductInfo-template--20593260658975__main > .product__description > img{border:none !important}

</style>
banned