HELP: Text color changed over weekend on landing page

Topic summary

A Shopify store owner reports that text color on two landing page sections unexpectedly changed from dark (#121212) to white (#FFFFFF) over the weekend. Screenshots are provided showing the affected sections.

Proposed Solutions:

Two community members offered CSS-based fixes:

  • Moeed suggests adding custom CSS code to the theme.liquid file, placed above the </body> tag
  • zaczee recommends inserting CSS targeting specific section IDs into either custom.css or theme.css files, forcing the text color back to #121212 using !important

Both solutions involve editing theme code files through the Shopify admin (Online Store > Themes > Edit code). The issue remains unresolved as the original poster hasn’t confirmed whether either fix worked. No root cause for the spontaneous color change has been identified.

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

Hi there!

I’m running a Shopify store and two of the sections on the landing page changed colors (from #121212 to #FFFFFF) over the weekend. Any help diagnosing the bug would be appreciated, since I’m very much a rookie when it comes to coding.

Attached screenshot with the section:

Landing page is: bonebox.fi

Best,

Oscar

Hey @BoneBox

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


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

Best Regards,
Moeed

1 Like

Hi,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

#shopify-section-template--15249667064013__163827738050056074 .image-with-text__heading, #shopify-section-template--15249667064013__163827738050056074 .image-with-text__text {
    color: #121212 !important;
}