How can I change the blog page color in the Dawn theme?

[Junipho]

Hello, can't seem to find a way to edit the page colour for the main blog page. When using the theme to edit blog cards, it does not change the background.

https://naturesfinesthealth.com/blogs/news

[beauxbreaux]

Were you wanting the blog pages to individually have different colors or set 1 color for all blog pages?

You can change the color of the all the backgrounds to 1 color like this:

In your customizer click the blog block

Now click on any blog post you see on the site and it will open up and individual blog page.

Once the blog page opens click on the screen to select the background of the blog post.

Next scroll down and you will see Custom CSS

Click Custom CSS

This is the code for the CSS:

,
section {
  background-color: blue;
  padding: 1rem;
}

Of course change the blue color to any color you want. It can also use HEX color codes for example #333 which is a gray. If this is not what you were looking for just let us know. 

[beauxbreaux]

Note: It would be a similar process for any page you are working with. So if you have a "main" blog page and you want to change the background you would put it in the custom css of that page instead of the individual blog. 

[PageFly-Oliver]

Hi @Junipho ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
#shopify-section-template--17015256908003__main{
background:var(--gradient-background);
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly