Change logo on subpages

Site URL: https://roadrunner-orange-6ge5.squarespace.com/

Hi there,

I am building a portfolio website for my graphic design services and am having issues changing the logo on the sub pages to white. 

My goal is to show my black logo on the homepage and the contact page.
On the ‘work’ subpages I would like to use my white logo.

I am using the Mark Novo template and have come across some entries about this issue on the squarespace forum. I tried to apply but it didn’t quite work for me. I was able to change the logo to white on the subpages (work pages) but unfortunately it also changed logo to white on the home page. The logo stayed black on the ‘contact’ sub page.

I inserted the following code in the ‘work’ pages: 

<style>

.header-title-logo a {

  content: url(“https://static1.squarespace.com/static/5f716cc46c739b717ccd4534/t/5f8508164076656f3bed089c/1602553879504/olipp_logo_large_white.png”);

  }

</style>

And for the site logo I uploaded the black logo, which is now only visible on the ‘Contact’ page and no longer on the homepage...

I am new to squarespace and have only very basic html and css knowledge.

This is my site:

https://roadrunner-orange-6ge5.squarespace.com/

pw: olipp

Would someone be able to help?

Thank you so much 🙂

Kind regards,
Regi

41 minutes ago, Regi said:

Site URL: https://roadrunner-orange-6ge5.squarespace.com/

Hi there,

I am building a portfolio website for my graphic design services and am having issues changing the logo on the sub pages to white. 

My goal is to show my black logo on the homepage and the contact page.
On the ‘work’ subpages I would like to use my white logo.

 

I am using the Mark Novo template and have come across some entries about this issue on the squarespace forum. I tried to apply but it didn’t quite work for me. I was able to change the logo to white on the subpages (work pages) but unfortunately it also changed logo to white on the home page. The logo stayed black on the ‘contact’ sub page.

 

I inserted the following code in the ‘work’ pages: 

<style>

.header-title-logo a {

  content: url(“https://static1.squarespace.com/static/5f716cc46c739b717ccd4534/t/5f8508164076656f3bed089c/1602553879504/olipp_logo_large_white.png”);

  }

</style>

 

And for the site logo I uploaded the black logo, which is now only visible on the ‘Contact’ page and no longer on the homepage...

 

I am new to squarespace and have only very basic html and css knowledge.

This is my site:

https://roadrunner-orange-6ge5.squarespace.com/

pw: olipp

 

Would someone be able to help?

Thank you so much 🙂

Kind regards,
Regi

Would you like to invert the logo on any page? If so try this code thanks to @ghostplugins.  To make this code work, go to SETTINGS-ADVANCED-CODE INJECTION-HEADER CODE-copy and paste the code there. Tell me if it works 🙂. And also welcome to squarespace! 

<style>.Header-branding-logo {
 -webkit-filter: invert(100%) !important;
 filter: invert(100%) !important;
 }</style>

Add to Work Page Settings > Advanced > Header

<style>
  .view-item .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
</style>

.

8 hours ago, inunzi said:

Would you like to invert the logo on any page? If so try this code thanks to @ghostplugins.  To make this code work, go to SETTINGS-ADVANCED-CODE INJECTION-HEADER CODE-copy and paste the code there. Tell me if it works 🙂. And also welcome to squarespace! 

<style>.Header-branding-logo {
 -webkit-filter: invert(100%) !important;
 filter: invert(100%) !important;
 }</style>

Your code for SS 7.0, above site is SS 7.1

8 hours ago, tuanphan said:

Add to Work Page Settings > Advanced > Header

<style>
  .view-item .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
</style>

.

Your code for SS 7.0, above site is SS 7.1

Oh I did not notice. Thank you! Im decent but new at coding lmao.

Hi inunzi and Thuanphan,

Thank you both so much, the code above worked perfectly for my Mark Novo template. Very kind of you both!

Do you both do this voluntarily? Thank you very much 🙂

4 hours ago, Regi said:

Hi inunzi and Thuanphan,

Thank you both so much, the code above worked perfectly for my Mark Novo template. Very kind of you both!

Do you both do this voluntarily? Thank you very much 🙂

No problem 🙂! I am so very happy that the code worked, and thank you. Well, @tuanphan is like a genius with codes, and I'm decent with coding but still pretty new with it😅. And again, No problem 🙂!