Jump to content

How to change my logo icon to link to a custom url?

Go to solution Solved by StrawberryFrog,

Recommended Posts

Site URL: https://www.strawberryfrogclient.com/

Hello, I have a website using the "Lange" template.  I have found a css to do what I need but it doesn't seem to work with my page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
 $(document).ready(function() {
   $("img[alt='CANZINO ']").parent().attr("href", "/music/");
             });
</script>

Not sure if this would work for my site, but any help would be greatly appreciated.

Thanks!

Edited by StrawberryFrog
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution

I was able to get help from Tuan Phan and got m answer all sorted out.

Please see here for the solution to my issue.

If you want to change the logo link on the Entire Site, add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $(".logo-image a").attr("href", "https://beaverhero.com");
});
</script>

Should you want this applied only to one page, just add to Header instead of Footer.

Tuan is a genius.  Support/Donate him if you are able.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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