How do I make header and footer transparent?

Site URL: https://soybean-orange-49ej.squarespace.com/

Hi,

I'm trying to make the header and footer on my website transparent so that they sit over of the sections of the website. 

I'm not having any luck.. can anyone help.. the url is currently.. https://soybean-orange-49ej.squarespace.com/

Thanks

4 hours ago, adamartdept said:

Site URL: https://soybean-orange-49ej.squarespace.com/

Hi,

 

I'm trying to make the header and footer on my website transparent so that they sit over of the sections of the website. 

I'm not having any luck.. can anyone help.. the url is currently.. https://soybean-orange-49ej.squarespace.com/

Thanks

 

 

Your site is still private now. Kindly set it with the site-wide password so we can take a look

Sorry..

Password is Testing123

Thanks

On 7/17/2022 at 1:57 AM, adamartdept said:

Sorry..

 

Password is Testing123

 

Thanks

You can add this to Design > Custom CSS

/* transparent header */
body.homepage article section:first-child {
    padding-top: 0px !important;
}
body.homepage footer.sections {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
body.homepage div#siteWrapper {
    position: relative;
}
body.homepage footer.sections .section-background {
    background: transparent !important;
}