How to change header color on blog posts

To change header color on blog posts Squarespace, you can use this code to Custom CSS box.

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