Jump to content

How to Change the Header Logo on one page only

Recommended Posts


I'm working on a subdomain for my website. On want the pages on this subdomain to have their own logo. For a simple example, we can use a page that is enabled but not in use on my site.


On this header, I want to update the header logo to be another image in my assets library. 

I've played around with two different approaches based on various posts here but they all talk about changing simple things like the background color of the entire header and not replacing a specific element or image.

1) I tried injecting css into the <head> from the page's advanced menu. This has always left me with the css written along the top of the page. I am sure it's something stupid but web just isn't my forte. I've updated the above url with my css so it can be seen. NOTE: I am still on just trying the background as I couldn't get past that simple example, I haven't tried ID'ing the logo and replacing yet.

2) I also tried putting a code block on the page as I saw you could do that to override the background of the header - again, a simple example that I can't seem to extrapolate to replacing an image. 

If I'm missing some fundamental step or way of thinking, I'd love to get advice instead of (or as well as) the code to fix it. I prefer to "learn to fish" when possible. :)


Link to comment
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

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.