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

I'd like to change the logo on two pages of my site. Specifically, I want to change the logo on this page http://jolenetaschner.com/ceramics to say Ceramics rather than Photography, and possibly change it to say Blog rather than Photography on this page too: http://jolenetaschner.com/blog/. Is this something that can be done? (Ideally, can it be done easily, since I know nothing about writing code?)Thanks in advance for your help!Jolene

Answer is here

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

Thanks a lot!

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!

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>

On 10/28/2017 at 3:38 AM, ErikaHansen said:

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?

I think you only need one ' where you have ('.Header-branding) I think it should be ('.Header-branding')

Works for me! Any succes?