Why does my Dawn theme turn all sections black on my website?

Store Design
, ,

Topic summary

A user’s Dawn theme is causing all website sections to display with black backgrounds simultaneously.

Two solutions were proposed:

  1. JavaScript approach (Moeed): Add a script snippet to the theme.liquid file, placed above the </body> tag. The actual code content appears corrupted or encoded in the original post.

  2. CSS approach (StoreWatchers):

    • Navigate to: Online Store > Theme > Edit Code > Assets > base.css
    • Add CSS code at the bottom targeting .gradient and newsletter form sections
    • Set background-color: unset !important; to override the black backgrounds
    • A screenshot was provided showing the expected result after applying the fix

Status: The issue remains unresolved as the original poster hasn’t confirmed which solution worked. Both responses include code snippets, though some text in the thread appears reversed or corrupted, making portions difficult to read.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hello, I have a problem, when I open the website, all the sections turn black at the same time. I am using the Dawn theme.
You can see it on my website:
www.mrboozer.de

2

Hey @Mrboozer

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1687415645141.png
Moeed_0-1687415645141.png1906×939 405 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi, @Mrboozer

Greetings from the Store Watchers Support Team! Happy to help you today.

  1. Go to online store > theme > edit code > assets > base.css(file) and Paste the below code at the bottom of the file → Save
.gradient{
    background-color: unset !important;
}
#NewsletterForm--sections--19025961877833__footer{
 background-color: unset !important;
}

After applying the above CSS code , it will show like the following screenshot:

Screenshot_1.png
Screenshot_1.png1353×547 89.1 KB

Let me know If need further assistance

Regards,

Store Watchers Support Team