Change colour of header Navigation in BLOG

Site URL: https://www.forme.yoga/blog

Hello, 

I have set the global style for the navigation to be transparent, but I would love if all the blogs and blogs posts the header was Solid Black. 

Looking through the forum, this seems to work for the blog posts: 

[class*=collection-type-blog].view-item .header .header-announcement-bar-wrapper {
  background: #000000;
}

But I can get it working for the Blog homepage. See below:

URL: https://www.forme.yoga/blog

Does anyone have any CSS ?

Add to Design > Custom CSS

body[class*="type-blog"] header#header {
    background-color: black !important;
}