Jump to content

Change logo on subpages

Recommended Posts

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

Link to comment
  • Replies 5
  • Views 518
  • Created
  • Last Reply
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>
Link to comment

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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.

Link to comment
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 🙂!

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.