Custom header colour on blog page only

Site URL: https://ellesteele.squarespace.com/blog

Hi team! 

I am hoping that you might be able to help. I am looking to change the colour of the heading on the blog only but cant seem to get it quite right so hoping you might have a quick fix. 

The link is https://ellesteele.squarespace.com/blog and the password is magic 

Wanting to take it from the caramel colour to white please!!

Thanks for your help! 

T

Hi. You mean "Blog" in Navigation?

Add to Home > Design > Custom CSS

.collection-type-blog-basic-grid header#header [href="/blog"] {
    background-image: linear-gradient(to right,white 100%,white 0);
    color: white;
}

Hey @tuanphanThanks for your help. Sorry I wasn't more clear - The actual whole header bar is that browny/caramel colour - and I want it to be white/transparent so that it doesnt look blocky. Not the font colour, but the actual background of the heading. It is the header of the "blog" page on the website.

Do that make sense? 

Add to Home > Design > Custom CSS

.collection-type-blog-basic-grid.view-list .header-announcement-bar-wrapper {
    background: black !important;
}