Custom header background color in blog posts

I have a white logo and have color or image backgrounds for my header throughout the rest of my site. On the individual blog posts, however, the background defaults to white and washes out my logo. I've tried a few custom CSS solutions and nothing seems to work. I am using the almar template.

Can you share link to blog post? We can check easier.

21 hours ago, tuanphan said:

Can you share link to blog post? We can check easier.

https://sunfish-dog-6llr.squarespace.com/mmcspotlight/a-team-of-change-agents

Add to Home > design > Custom CSS

/* blog post header background */
.collection-type-blog-alternating-side-by-side.view-item:not(.header--menu-open) .header-announcement-bar-wrapper.white-bold {
    background: blue !important;
}

On 8/1/2020 at 3:52 AM, tuanphan said:

Add to Home > design > Custom CSS

/* blog post header background */
.collection-type-blog-alternating-side-by-side.view-item:not(.header--menu-open) .header-announcement-bar-wrapper.white-bold {
    background: blue !important;
}

 

That worked - thanks!!

On 8/1/2020 at 3:52 AM, tuanphan said:

Add to Home > design > Custom CSS

/* blog post header background */
.collection-type-blog-alternating-side-by-side.view-item:not(.header--menu-open) .header-announcement-bar-wrapper.white-bold {
    background: blue !important;
}

 

Actually, now the drop-down menu is still white with white text. Is there a way to carry the black background color through?

Add to Home > Design > Custom CSS

/* dropdown background color */
.collection-type-blog-alternating-side-by-side.view-item:not(.header--menu-open) .header-nav-folder-content {
    background: black !important;
}