Dawn Theme Grey Bounding Box Removal

Topic summary

A user encountered a grey bounding box appearing around an image on their ‘Team Zilla Collabs’ page in the Dawn theme. They had successfully removed similar boxes on other pages but couldn’t replicate the fix for this specific instance.

Initial Confusion:

  • A staff member initially misunderstood, asking if the user wanted to remove the entire image.
  • The user clarified they only wanted to remove the faint grey border, not the image itself.

Solution Provided:
Another user provided CSS code to add to the base.css file:

.global-media-settings { 
    border: none !important;
}

Outcome:

  • The solution successfully removed the grey bounding box.
  • The issue was resolved and marked as solved by the original poster.
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

Hello all,

I’ve got another case of the grey bounding box on the Dawn Theme to be removed if anyone can help please.

Strangely, I was able to apply the fix on my ‘About’ page using the theme.liquid page style approach, but I cannot apply the same fix for the grey bounding box that appears on my ‘Team Zilla Collabs’ page.

screenshot below.

Thanks very much in advance.

Hello there

Do you want to remove this image from Team Villa page?

Hi there,

I don’t want to remove the image completely. I want to remove the faint grey bounding box that is visible around the image.

Thank you

Hello @ZillaThreads

Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.global-media-settings {
    border: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like

That’s sorted it. Amazing thank you :slightly_smiling_face: