Change of header colour for blog item posts, to apply to current blog only

What code would change the header background colour on blog posts. This is a second blog on the site and I want to have the change of header colour apply to this blog only. I want to keep the post content section as white background.

I assume the code would be added to the Blog Settings > Post Blog Item Code Injection.

URL is www.sandypoint.vic.au/plants

 Thanks for helping,

Glenda

You mean Blog List Page or Blog Detail Post?

If list page, add this code to Website > Website Tools > Custom CSS. DO NOT ADD TO CODE INJECTION

[class*="type-blog"].view-list header#header {
    background-color: #f1f !important;
}

If blog detail post, add this to Custom CSS

[class*="type-blog"].view-item header#header {
    background-color: #f1f !important;
}

Thankyou for your reply Tuan. I am developing a second blog on my site and would like the header colour to be different for its item pages. The code I currently have for one blog is as follows ...

body[class*="collection-type-blog"].view-item header#header {
    background-color: #6ec4cd !important;
}
body[class*="collection-type-event"].view-item header#header {
    background-color: #ffdf77 !important;
}

How do I have code that applies a different colour to each of the now 2 blogs?

Thankyou Tuan. This worked in the Blog Page Header Code Injection once I deleted the code (shown above) that I had in Design>Custom CSS

Thanks again,
Glenda