Change background color of a blog template

Store Design
,

Topic summary

A user seeks to change the background color of their blog post pages from the current color to white or cream but is unsure how to implement this change.

Proposed Solutions:

Multiple community members provided CSS code snippets to address the issue:

  • Add CSS targeting .article-community and .dynamic-sections classes with background: #fff;
  • Insert the code at the bottom of the assets/styles.css file
  • One solution also includes styling for .footer__extra-content.section with a different background color
  • Use !important flag to ensure the styles override existing rules

Implementation Steps:

  1. Navigate to Online Store → Theme → Edit code
  2. Open the assets/styles.css file
  3. Add the provided CSS code at the bottom of the file

The discussion remains open with no confirmation from the original poster about which solution worked or if the issue was resolved.

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

Hello,

I wanted to change the background of my blog posts of a link like this: https://www.tinahealthcare.com/blogs/learn/tampons-cause-pain-or-discomfort

I want to change it to a white or cream color, but I am unsure how to do so. Any help would be great!

Many thanks.

2

Please add below css code at bottom of assets/styles.css file

#template-article-community .dynamic-sections {
background: #fff;

}
Thank you.

3

Hi @gabbym0062

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the styles.css file:
.article-community {background: #fff !important;}
.footer__extra-content.section {background-color: #f4e7ff !important;}

Regards,

San

4

Hello @gabbym0062

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->styles.css>Add this code at the bottom.

.dynamic-sections {
    background: #fff !important;
}