Change site logo header on one PORTFOLIO Page

Site URL: https://www.studiorollo.com/creations

Hi there, 

The beneath code has worked for me, however. I only want to have the alternative logo on the main portfolio grid page. Not in any of the sub pages. 

How can I do this? 

Thanks!

<style>

  .header-title-logo img {
  visibility: hidden;
}

.header-title-logo a {
background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
</style>

28 minutes ago, studiorollo said:

Site URL: https://www.studiorollo.com/creations

 

 

 

 

Hi there, 

 

The beneath code has worked for me, however. I only want to have the alternative logo on the main portfolio grid page. Not in any of the sub pages. 

How can I do this? 

Thanks!

 

<style>

  .header-title-logo img {
  visibility: hidden;
}

.header-title-logo a {
background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
</style>

You can try adding to the page id in your code

#page-id .header-title-logo img {
  visibility: hidden;
}

#page-id .header-title-logo a {
  background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

You can try using the extension Squarespace ID Finder: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Here is how you can get the page id: http://recordit.co/qwnj09oNCa

Hey thank you,

So I have the page ID now – but where do I insert it in the script? 

And also do I put it on the Design CSS, or in the individual page? 

Thank you!!

On 2/15/2022 at 7:18 PM, studiorollo said:

Hey thank you,

So I have the page ID now – but where do I insert it in the script? 

And also do I put it on the Design CSS, or in the individual page? 

Thank you!!

Add this to Portfolio Page Header

<style>
body.view-list .header-title-logo img {
  visibility: hidden;
}

body.view-list .header-title-logo a {
  background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
</style>