Hi
On my website : https://f01138-5e.myshopify.com/
I would like to change the background color : https://f01138-5e.myshopify.com/blogs/points-de-vente/e-leclerc-plerin by black and gold as all the others page of the website
thanks a lot guys 
Topic summary
Goal: Make a specific blog page’s background match the site’s black-and-gold theme.
Proposed approaches:
- Theme class method: Add the class “color-scheme-3” to the blog’s main section (id=“MainContent”). This likely applies the theme’s predefined color scheme. A screenshot was shared to illustrate where to add the class.
- Custom CSS method: In Online Store > Customize > Settings > Custom CSS, paste rules targeting the blog article (article.article-template) to set a dark background (#202020) and white text, plus white for links, titles, and the share button, and an adjusted margin.
Notes:
- The provided CSS uses dark gray and white, not gold; further rules would be needed to introduce gold accents to match the rest of the site.
- CSS selectors focus on article-template elements; broader background areas may require additional selectors if not affected.
- Minor typos in the shared CSS (spacing in margin, “thhere”) should be corrected when applying.
Status: No confirmation from the original poster; no final resolution. Both solutions remain viable depending on theme setup and desired color fidelity.
Hi Edgard, what you need is to add color-scheme-3 class to your blog section (id=“MainContent”):
Go to your online store → customize → settings → custom css and paste this code thhere
article.article-template{
background-color: #202020;
color: #fff;
margin-bottom: -35px;
}
.article-template__link{
color: #fff;
}
.article-template__title:not(:only-child){
color: #fff;
}
.share-button__button{
color: #fff;
}
1 Like