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

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

Question

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

Edited by cburdis
retag

Share this post


Link to post

13 answers to this question

Recommended Posts

  • 2

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!

Share this post


Link to post
  • 0

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>





Edited by usingmyhead
code wasn't showing

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

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-

Edited by usingmyhead
Initial Revision

Share this post


Link to post
  • 0

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

Edited by ErikaHansen
Initial Revision

Share this post


Link to post
  • 0

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?

Share this post


Link to post
  • 0

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

Edited by ckadohama
Initial Revision

Share this post


Link to post
  • 0

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>







Edited by ckadohama

Share this post


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...