Different Logo for different pages

Hi! I'm trying to use a different logo for different pages on my website. I am using the personal plan on squarespace. Is there a way I can code this in without upgrading to the business plan? 

3 hours ago, natashaj said:

Hi! I'm trying to use a different logo for different pages on my website. I am using the personal plan on squarespace. Is there a way I can code this in without upgrading to the business plan? 

If it requires code injection unfortunately not. Custom code like that is available on business plans or higher. If you can find a way to do it with just CSS and code blocks on the actual page it may be possible.

@tuanphan i actually figured it out thank you!

Hi there @tuanphan I saw your reply to this thread (and your super helpful replies elsewhere), but the solution you had wasn't shared.

I'm a designer helping out a friend on their site and we need to display different header logos on different pages (white/yellow logo on dark backgrounds, and grey/yellow logo on white backgrounds). 

I built the site while on the Squarespace trial and set up the logo colour changes with code injections per page. Now we've gone live and my friend is on a personal plan, I've only just learnt code injection is a premium feature so I need to do this with custom css with page IDs rather than a code injection.

Could you possibly provide a sample code I can use in Custom CSS please for this to work? 🙏🏻 I know how to get the specific page IDs and image URLs to customise it.

I'd be so grateful for your help! x

22 hours ago, kerrylyons said:

Hi there @tuanphan I saw your reply to this thread (and your super helpful replies elsewhere), but the solution you had wasn't shared.

I'm a designer helping out a friend on their site and we need to display different header logos on different pages (white/yellow logo on dark backgrounds, and grey/yellow logo on white backgrounds). 

I built the site while on the Squarespace trial and set up the logo colour changes with code injections per page. Now we've gone live and my friend is on a personal plan, I've only just learnt code injection is a premium feature so I need to do this with custom css with page IDs rather than a code injection.

Could you possibly provide a sample code I can use in Custom CSS please for this to work? 🙏🏻 I know how to get the specific page IDs and image URLs to customise it.

I'd be so grateful for your help! x

I mentioned Code Block in the comment.

Just edit page > Add a Code Block > Paste the code. It will work without finding Page ID.