Site URL: https://evanedinger.com
Alright, so when it comes to creating a transparent header, Squarespace makes that very simple and provides the option within the Pencil design section. Amazing! The header is transparent on top of the background image. Great.
When it comes to the footer, squarespace have not allowed this functionality. And no matter what custom css I try to input into the design>custom css, or into the header, or into a code block... I cannot for the life of me remove the opaque black background to my footer. Is there a better workaround here? If you can tell, I'm not extra proficient with CSS. Only knew basic HTML back in the day.
Code I've tried that did not do anything:
.header-announcement-bar-wrapper.light.shrink {
background: transparent !important;
}
The custom CSS page does say it won't work on "cover pages" but I don't know if my homepage is a "cover page." If it is, I'm sure there's SOME sort of workaround. Just wanted my contact information hovering in the bottom right corner but it's proving to be difficult to do!