Jump to content

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

Recommended Posts

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

Link to comment
  • 1 month later...
  • Replies 14
  • Views 24.7k
  • Created
  • Last Reply
  • 2 years later...

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!

Link to comment
  • 1 month later...
  • 1 year later...

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>





Link to comment

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!

screen-shot-2017-10-27-at-15302-pm.png.53932536ebbad55e1e0aa93ebb077f22.png

Link to comment

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?

screen-shot-2017-10-28-at-23037-pm.png.0bba41f76fec3ccd54918b1fb46c6809.png

Link to comment
  • 7 months later...

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?

Link to comment

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

Link to comment

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>







Link to comment
  • 1 year later...
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?

screen-shot-2017-10-28-at-23037-pm.png.0bba41f76fec3ccd54918b1fb46c6809.png

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

Works for me! Any succes?

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.