Jump to content

Transparent Background on Homepage only

Go to solution Solved by JasonLaudat,

Recommended Posts

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 !

Link to comment

@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

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.