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!
Topic summary
A user encountered an unwanted thin grey outline appearing around images on their About page using Shopify’s Dawn theme, despite no border being intentionally added.
Solution Provided:
- Add CSS code to the theme’s stylesheet (base.css, style.css, or theme.css):
.rte img {
border: none;
}
- Access via: Shopify Admin → Online Store → Themes → Actions → Edit Code → Assets folder
Outcome:
- The original poster confirmed the fix worked successfully
- Two other users reported the same CSS solution did not resolve their border issues
- The solution provider clarified the code is not universal and requested store URLs to provide customized fixes
Status: Resolved for the original poster; ongoing troubleshooting needed for others experiencing similar issues with different store configurations.
1 Like
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:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
That worked like a charm! Thank you so much!!
1 Like
Welcome, please dont forget to likes. Thanks!
any other ways - this didn’t work for me
1 Like
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!
Didn’t work for my store, please have a look - https://venturesome.com.au/products/venturesome-journal