How can I make image borders not to be shown on Dawn theme?

Technical Q&A

Topic summary

A user is experiencing unwanted thin borders appearing around uploaded images in the Dawn theme, particularly in multirow sections and product pages. The borders are especially noticeable when images have white backgrounds.

Issue Details:

  • Borders appear on images in various sections
  • Creates visual inconsistency with white-background images
  • User provided a screenshot demonstrating the problem

Resolution:
A solution was provided involving custom CSS:

  1. Navigate to Online Store → Theme → Edit code
  2. Open the base.css file
  3. Add the following code at the bottom:
.image-with-text__media {
    border: 0 !important;
}

Note: The user initially declined to share their store URL publicly, though helpers indicated direct store access would enable more thorough troubleshooting. The CSS solution was ultimately provided after the URL was shared privately.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

The uploaded images (in sections such as multirow and images inserted into product pages) have a thin border. It is annying as if the image has a white background it does not look good. Please see the right side of the image I’ve attached.

Image 20-02-2025 at 22.47.jpeg
Image 20-02-2025 at 22.47.jpeg1992×834 29.2 KB

How can I made that border disappear?

Thanks

2

Hello @Ancientrome ,

Please share the store URL.

Regards
Guleria

3

Hi @Ancientrome , can you share store URL?

4

Sorry but I don’t want to make it public.

5

Sorry but I don’t want to make that public.

6

Hi @Ancientrome , thanks for your response.

In this case, I can only check your issue thoroughly if I can access your store. Thanks for your understanding in this matter.

Liz

7

Hello @Ancientrome ,

Thanks for sharing the store URL.

Please follow the steps to remove the border:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.image-with-text__media {
    border: 0 !important;
}

Regards
Guleria