Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change logo image on different pages



  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Mattvs, this one works for me on Carson. <script> $(function() {$('#siteHeader').find('img').attr('src', 'https://static1.squarespace.com/static/5a5ec2d9d7bdcef66b1db7a2/t/5abf532e6d2a73e7

8 answers to this question

Recommended Posts

  • 1

You can inject this code onto the page you want to change the logo:

 window.onload = function() {
   document.getElementsByClassName('Header-branding-logo')[0].src = 'URL_TO_IMAGE';  

If you don't want to host the image yourself, you can upload the logo to Squarespace, grab its url, then change the logo to the default one that you want. Then you'll have a url to the Squarespace logo url that you want to inject above, in the form '//static1.squarespace.com/static/ID/t/ID/ID/'.

Co-founder of www.padpiper.com

Link to post
  • 0

Mattvs, this one works for me on Carson.

  $(function() {$('#siteHeader').find('img').attr('src', 'https://static1.squarespace.com/static/5a5ec2d9d7bdcef66b1db7a2/t/5abf532e6d2a73e772961e57/1522488114208/Sewn.techLogo_Large.png?format=750w')})

Edited by myerww8

Hey-o, my name is Will and I help Squarespace designers and developers with technical things.

I would be happy to answer any questions you have about Javascript, CSS, or the meaning of life  - although I'm only an expert in 2 of these. 

Check out my plugin store or sign up for my newsletter

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...