JoleneT Posted February 27, 2013 Share Posted February 27, 2013 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
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
himynameisjoel Posted February 4, 2016 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
Guest Posted October 21, 2017 Share Posted October 21, 2017 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
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
Guest Posted October 27, 2017 Share Posted October 27, 2017 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- Link to comment
ErikaHansen Posted October 28, 2017 Share Posted October 28, 2017 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? Link to comment
Guest 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 Thanks for your thoughts @usingmyhead but still no luck unfortunately :( Link to comment
Guest 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 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
ckadohama Posted June 26, 2018 Share Posted June 26, 2018 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
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
Archived
This topic is now archived and is closed to further replies.