JoleneT Posted February 27, 2013 Share Posted February 27, 2013 (edited) 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 July 20, 2016 by cburdis retag Jonas, vdubroca and Alece 4 Link to comment
cirmiz Posted March 30, 2013 Share Posted March 30, 2013 Answer is here http://answers.squarespace.com/questions/2874/replace-logo-image-per-page Mostly graphic design but also a bit of coding (html, css, js ) Link to comment
Solution himynameisjoel Posted February 4, 2016 Solution Share Posted February 4, 2016 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
theblackalchemy Posted April 1, 2016 Share Posted April 1, 2016 Doesn't work on Hyde template, any tips? Link to comment
Miko_Coffey Posted October 21, 2017 Share Posted October 21, 2017 (edited) 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 October 21, 2017 by usingmyhead code wasn't showing Link to comment
ErikaHansen Posted October 27, 2017 Share Posted October 27, 2017 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! Link to comment
Miko_Coffey Posted October 27, 2017 Share Posted October 27, 2017 (edited) 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 October 27, 2017 by usingmyhead Initial Revision Link to comment
ErikaHansen Posted October 28, 2017 Share Posted October 28, 2017 (edited) 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? Edited October 28, 2017 by ErikaHansen Initial Revision Link to comment
Miko_Coffey Posted October 28, 2017 Share Posted October 28, 2017 looks like you might have spaces before / after the URL. the ' should be right next to the URL Link to comment
ErikaHansen Posted October 29, 2017 Share Posted October 29, 2017 (edited) Thanks for your thoughts @usingmyhead but still no luck unfortunately :( Edited October 29, 2017 by ErikaHansen Initial Revision Link to comment
briandeer Posted June 26, 2018 Share Posted June 26, 2018 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
ckadohama Posted June 26, 2018 Share Posted June 26, 2018 (edited) 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 June 26, 2018 by ckadohama Initial Revision Link to comment
ckadohama Posted June 26, 2018 Share Posted June 26, 2018 (edited) 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 June 26, 2018 by ckadohama Link to comment
Boom Posted January 31, 2020 Share Posted January 31, 2020 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? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment