Custom logo on each page

Hi,

Im trying to add a different header logo to one of my pages. When I use the code below the logo is showing as missing. Have tried uploading the logo a few times and updating the url but it doesn't work. Is there something wrong with the code?

<style>
.header-title-logo a {
content: 
url(“https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png”);
  }
</style>

Thanks 

13 hours ago, brendanpeer said:

Hi,

Im trying to add a different header logo to one of my pages. When I use the code below the logo is showing as missing. Have tried uploading the logo a few times and updating the url but it doesn't work. Is there something wrong with the code?

<style>
.header-title-logo a {
content: 
url(“https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png”);
  }
</style>

Thanks 

Can you share your site with the protected password so we can take a look?

13 hours ago, brendanpeer said:

Hi,

Im trying to add a different header logo to one of my pages. When I use the code below the logo is showing as missing. Have tried uploading the logo a few times and updating the url but it doesn't work. Is there something wrong with the code?

<style>
.header-title-logo a {
content: 
url(“https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png”);
  }
</style>

Thanks 

Or try

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

.header-title-logo a {
  background-image: url(https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

Let me know how it works

Hey bangank36

Thanks so much for your help.

Unfortunately it still doesn't work. Its now showing a logo but its the same one as the homepage?

Thanks 

Hi,

Here the password to the site www.heydaysworkshops.com

creative23

The page with the css is 'how it works'

Thanks 

23 hours ago, brendanpeer said:

Hi,

Here the password to the site www.heydaysworkshops.com

creative23

The page with the css is 'how it works'

Thanks 

Try adding to Design > Custom CSS

body#collection-60b39d6ce3183158961864e9 header#header img {
    content: url(https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png);
}

Hi tuanphan

Yeah amazing that worked! can I ask what part of that code I would change (excluding the URL) if I wanted different logos on each page?

Thanks 

3 hours ago, brendanpeer said:

Hi tuanphan

Yeah amazing that worked! can I ask what part of that code I would change (excluding the URL) if I wanted different logos on each page?

Thanks 

To apply code for others page >> First, edit that page >> Add a Code Block at bottom of page >> Use this code

<style>
  header#header img {
    content: url(https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png);
}
</style>