Changing only the article / blog post text color to #ffffff on a #000000 background Publisher Theme

Topic summary

A user needs to change article/blog post text color to white (#ffffff) on a black (#000000) background in Shopify’s Publisher theme, as the current text is not displaying properly.

Solutions provided:

  • First approach: Add CSS targeting the specific section ID in base.css/style.css/theme.css:

    section#shopify--template-section-16259478853__main span {
      color: white !important;
    }
    
  • Second approach (confirmed working): Add CSS to assets/section-blog-post.css:

    .article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in * {
      background: #000000 !important;
      color: #ffffff !important;
    }
    

The original poster confirmed the second solution worked. A follow-up question asks how to also change the header text color, indicating the solution doesn’t fully address all text elements on the blog post page.

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

Hi @JulesGamble ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/section-blog-post.css file.

  3. Add the code at the end of the file:

.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in * {
    background: #000000 !important;
    color: #ffffff !important;
}

Best regards,

Anthony