Transparent Background on Homepage only

Hi all,

Novice at the whole CSS world, I am trying to get my header background set to transparent on the homepage only but can't seem to get it to work. I tried many codes I could find on various forums but none of them is working for me. I only managed to make it disappear. Any idea?

I am also trying to set the whole background image to be clickable with a URL that re-directs to 'https://www.hennesseyarchitect.com/selected-projects'. So far I just added a transparent PNG block but it doesn't fill-up the whole page so the top and bottom of the page aren't clickable

Here's the homepage: https://www.hennesseyarchitect.com/

Thanks !

@JasonLaudat Hi, You can try this code snippet to display a transparent header background on homepage:

#collection-64efb815b57b5255f4dc78f2 header#header {
	background: transparent !important;
}

Here's a tutorial you can follow to make the entire section clickable: https://www.will-myers.com/articles/clickable-thumbnail-over-entire-section-in-squarespace-71

@Lesum

Thanks for your reply ! I had tried this code but unfortunately it's not doing anything for me...

I'll check-out the link you sent over for making the whole section clickable, thanks for sharing !

@JasonLaudat I noticed that header background has been set to transparent on your site. Not sure what didn't work.