Solved

Remove Grey Borders on Images in Blog Posts (Dawn)

bjohns
Excursionist
16 0 6

Hi,

 

Please could someone help me remove these thin grey borders that are showing on images on my blog post.

 

The URL is https://www.ohpopsi.com/blogs/news/autumn-shades

 

Many thanks.

Screenshot 2023-11-03 at 11.45.01.png

Accepted Solution (1)

fadi_yousif
Shopify Partner
342 43 60

This is an accepted solution.

Navigate to assets --> base.css and remove the CSS declaration that is adding the border, it should be on line 3171. If it doesn't work, I can fix it for you.

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
Let's work together!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp

View solution in original post

Replies 4 (4)

fadi_yousif
Shopify Partner
342 43 60

This is an accepted solution.

Navigate to assets --> base.css and remove the CSS declaration that is adding the border, it should be on line 3171. If it doesn't work, I can fix it for you.

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
Let's work together!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp

bjohns
Excursionist
16 0 6

That worked a treat. Thank you.

fadi_yousif
Shopify Partner
342 43 60

Great!👍

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
Let's work together!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp

ZenoPageBuilder
Shopify Partner
1052 202 217

Hello @bjohns 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.article-template__content img {
    border: none !important;
}

The result

Screenshot 2023-11-03 at 22.22.26.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com