Can I have a different logo on different pages of my site?

I know this is an old thread, but here's the solution I used:

Inject this code into the page you want:

 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
$(function() {$('#logoImage').find('img').attr('src', '<urlofimagegoeshere>')})
</script>

This code both finds the logo image and replaces it, since it's somewhere in the h1 id/class which is two levels up.

This worked for me on the Bedford Template. Change #logoimage to whatever the img element is for your template since there is no element id (must be a squarespace thing). You can find this by right clicking the img in Chrome and using "inspect" for all newbies out there.

Good luck!

Answer is here

http://answers.squarespace.com/questions/2874/replace-logo-image-per-page

Thanks a lot!

Doesn't work on Hyde template, any tips?

For any template in the Brine family (including Hyde), you can use this format:

  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
 </script>
 <script>
 $(function() {$('.Header-branding).find('img').attr('src', 'urlofimagegoeshere')})
 </script>

Hi @usingmyhead ... thanks for the code - this is exactly what I am trying to do but can't get it working. I have uploaded my image to Flickr and pasted the url in the < urlofimagegoeshere> bit. Am I missing something?

Have attached a screenshot - maybe that helps. Appreciate your time to help out.

Thanks!

You don't want the

<>

around the URL. Also, you are much better off uploading your image to the Squarespace server, not relying on a connection to an external server. You can do this using Manage Custom Files in the Custom CSS editor. Instructions here: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor#toc-step-3---upload-files--optional-

Hi @usingmyhead Thanks so much for your speedy response. I have tried your suggestion and have uploaded the image to Squarespace instead by following the instructions in the link... buuut it's still not working for some reason. Any ideas? ....am I right to be putting the code in this section of the "products" page" because this is the page I want the alternative logo on?

looks like you might have spaces before / after the URL. the ' should be right next to the URL

Thanks for your thoughts @usingmyhead but still no luck unfortunately :(

I've tried what you suggested above on the Margot template and it works on the homepage but then it\ won't default logo on the interior pages until after I hard refresh the page again.

Is there another solution?

Hello, Squarespace and HTML newbie here, trying snippet above to display a different logo on a particular page. However, not seeing the new logo on page (vethub.com/vethub-pay). Greatly appreciate any and all suggestions. Note: testing on sample stock img

Hello, Squarespace and HTML newbie here, using Bedford template, trying snippet above to display a different logo on a particular page. However, not seeing the new logo on page (vethub.com/vethub-pay). Greatly appreciate any and all suggestions. Note: testing on sample stock img to confirm logo display prior to licensing

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
 </script>
 <script>
 $(function() {$('<img src="//static1.squarespace.com/static/5af3182e620b853f91ba1431/t/5b2d4da9575d1f4d466016fc/1530036884388/?format=1500w" alt="VetHub.com">').find('img').attr('src', 'https://static1.squarespace.com/static/5af3182e620b853f91ba1431/t/5b327f4ef950b74b20402f7b/1530036046660/VetHubPay-Logo%28White%29.png')})
 </script>