Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Remove Grey Borders on Images in Blog Posts (Dawn)

Solved

Remove Grey Borders on Images in Blog Posts (Dawn)

bjohns
Excursionist
27 2 7

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
345 43 67

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


Did I help? Leave a tip!

View solution in original post

Replies 4 (4)

fadi_yousif
Shopify Partner
345 43 67

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


Did I help? Leave a tip!

bjohns
Excursionist
27 2 7

That worked a treat. Thank you.

fadi_yousif
Shopify Partner
345 43 67

Great!👍

Freelance Shopify Developer


Did I help? Leave a tip!

ZenoPageBuilder
Shopify Partner
1052 203 227

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