gradient in header 7.1

Site URL: https://roadrunner-rhino-alr9.squarespace.com/

I've successfully got some gradients into sections of my page but can't figure out how to get it to work in the header.

When I inspect the header, I don't see the section data, just collection data.

But changing "section" to "collection" in the css I am using doesn't work. Where can I find the section data? Or what code do I need for a gradient with a collection? Here's the code I am using:

section[data-section-id="5f71f67653595c10a422353d"]
.section-background {
    background-color: #b24727;
    background-image: linear-gradient(#b24727,#a67229,#042943,);
  }

site password NWFC

Hi,
Please make your website password protected.

Best,
Leopold

oops, done.
I copied the site and had thought that the password would copy as well.
password NWFC

thanks

Hi

Use this code in Design -> Custom CSS

.header-announcement-bar-wrapper {
    background-color: #b24727;
    background-image: linear-gradient(#b24727,#a67229,#042943);
}

Please use the like button if it helps you!

Best,
Leopold

great, worked like a charm. Thank you!