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

Re: Grey outline around image

Solved

How to remove unwanted grey outline from Dawn theme image?

eyecandyjewelry
Visitor
3 0 3

Hi there! We are having an issue with a thin grey outline/border appearing around an image. There is not actually a border around the image, the theme added it for some reason? The theme is Dawn. Any help much appreciated, thank you!

 

https://eyecandyjewelryny.com/pages/about

 

Screenshot 2024-02-09 at 11.57.41 AM.png

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
9085 2172 2681

This is an accepted solution.

hi @eyecandyjewelry 

check this one,. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.rte img {
    border: none;
}

 

And Save. 

Result:

Made4uoRibe_0-1707506541182.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
9085 2172 2681

This is an accepted solution.

hi @eyecandyjewelry 

check this one,. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.rte img {
    border: none;
}

 

And Save. 

Result:

Made4uoRibe_0-1707506541182.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
eyecandyjewelry
Visitor
3 0 3

That worked like a charm! Thank you so much!!

Made4uo-Ribe
Shopify Partner
9085 2172 2681

Welcome, please dont forget to likes. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Olly007
Visitor
2 0 1

any other ways - this didn't work for me

Made4uo-Ribe
Shopify Partner
9085 2172 2681

Hi @Olly007 

This code is for the post owner. Its not universal code. Would you mind to share your store URL so i can take a look? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.