Transparent header background on homepage only

Site URL: https://therapinxy-directory.squarespace.com

Password: 2022

I'd like to make the header background transparent on only the homepage. I tried the following w/o success:

Quote

.homepage .header-announcement-bar-wrapper {
    background: rgba(0,0,0,0) !important;
}

You mean

• Home: transparent header
• Other pages: Solid background header

Is this right?

On 4/29/2022 at 2:44 AM, tuanphan said:

You mean

• Home: transparent header
• Other pages: Solid background header

Is this right?

Yes that's right! Is it possible?

On 5/5/2022 at 8:48 AM, sheenvs said:

Yes that's right! Is it possible?

Add to Design > Custom CSS

body.homepage article section:first-child {
    padding-top: 0px !important;
}
body.homepage header#header {
    background-color: transparent !important;
}
body.homepage .header-background-solid {
    background-color: transparent !important;
}

On 5/8/2022 at 12:39 AM, tuanphan said:

Add to Design > Custom CSS

body.homepage article section:first-child {
    padding-top: 0px !important;
}
body.homepage header#header {
    background-color: transparent !important;
}
body.homepage .header-background-solid {
    background-color: transparent !important;
}

 

It worked! Thank you!