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

[JulesGamble]

I can't seem to figure out how to change JUST the text color on the article so that the article actually shows up properly: https://utni0nk6qgn83ha5-81757045048.shopifypreview.com

[JulesGamble]

Sorry, I meant this link to show what I mean: https://utni0nk6qgn83ha5-81757045048.shopifypreview.com/blogs/news/welcome-to-my-online-store

[Made4uo-Ribe]

Hi @JulesGamble 

Try this one. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

section#shopify-section-template--20629475885368__main span {
    color: white !important;
}

• And Save.

• Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Beae_Cass · Accepted solution]

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

[JulesGamble]

Thank you! This did the trick 🙂

[LezzeriFran]

Hello Anthony,
Your solution worked for me thank you so much! The only thing is that the header text colour didn't change.
It would be amazing if you could please advise me on the code to change the blog post header colour too please?
Thank you!