How can I change the background color of my blog template?

Store Design
1

I want to change the background color of my blog template, so that it affects all my blog posts. Right now, it is a dark gradient color from my theme, and I would like it to be white. I have little to no coding experience.

I have tried adding code: " .template-article main {background-color: #ffffff !important;}
.template-article .breadcrumbs {background-color: #ffffff !important;}" into multiple different places, but nothing has worked. I found that code on Solved: How to change background color of Blog Articles - Shopify Community. I just think I don’t know where to paste it.

I’ve tried in section-blog-post.css, section-main-blog.css, and others. Not sure if it should be going under template section or sections or assets. Help!

1 Like
2

Hi @nicksandora98

Do you mind sharing your website? Every shopify store is different since we have different themes. The code might now apply to you

3

Hi! Yes, I’ve added it below, let me know what you think.

https://voyagersupplements.com

Password: voyagertothemoon

4

Hello @nicksandora98

Try this code : it will be helpful-

Go to the online store >theme>Edit Code> Assets> base.CSS >Add code in this file.

article.article-template {
    background-color: #000 !important;
}
1 Like
5

That worked! How would I change only the text color on the blog posts? Because now the page is white and so is the text which is determined from my theme.

6

I was able to figure it out, thank you!

7

Hello Again @nicksandora98

On your blog page, black text looks good.