Different Logo's on different pages

Site URL: http://www.chinchilla-dog-gljs.squarespace.com

Title says it all; is there a way to have different logo's on different pages? The logo on my home page is black, in front of a lighter gif. However, other pages (like the Work page) are black, and you wont be able to see the logo on there. Any suggestions would be appreciated.

Password: qazedc123

On the darker page (like the Work page) open the Settings panel of the page you want to change (by clicking the 'gear' icon next to the page name within the Pages panel). Then click on Advanced and add the following to the PAGE HEADER CODE INJECTION area:

<style>
.header-title-logo img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
</style>

When you save the changes, the logo will be made lighter on the darker background.

  If this helps you, please click "Like" below  ⬇️

2 hours ago, paul2009 said:

On the darker page (like the Work page) open the Settings panel of the page you want to change (by clicking the 'gear' icon next to the page name within the Pages panel). Then click on Advanced and add the following to the PAGE HEADER CODE INJECTION area:

<style>
.header-title-logo img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
</style>

When you save the changes, the logo will be made lighter on the darker background.

  If this helps you, please click "Like" below  ⬇️

Thank you, but it seems that option is locked under "Business and Commercial Plan" only. Is there another way around this? 

If you are on a Personal Plan, you can add CSS to the Custom CSS panel in Design > Custom CSS instead.

However, to do this you'll need to identify the unique collection ID of each page where you want the logo to change. For example, to change the Work page, you'd add this instead:

#collection-5fea1f43c45737001d813e30 {
 .header-title-logo img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
  }
}

Note that collection-5fea1f43c45737001d813e30 is the ID of the Work page. You can find the IDs of other pages by following this guide.

  If this helps you, please click "Like" below  ⬇️