Jump to content

Add Spotify Icon to Top Navigation

Recommended Posts

Site URL: https://emily-dipace-music.squarespace.com/

I need help with adding a Spotify image icon to the top navigation. I've already added the URL to the custom files area.

There's a link in there right now in its place. I'm building this site in 7.1.

Link: https://emily-dipace-music.squarespace.com/

Password: emilydipace

Any help would be so appreciated! I've tried looking at blog posts but can't find exactly what I'm looking for

Link to comment
  • Replies 9
  • Created
  • Last Reply

Add to Code Injection Footer

script>
var tuan = document.querySelectorAll('a[href*="tiktok"]')

tuan.forEach(item => {
    item.innerHTML = `
 <svg width="100%" height="100%" style="background-color:red;transform: scale(.5);" viewBox="0 0 167.5 167.5">
    <path fill="currentColor" style="fill:#0059dd;" d="M83.7 0C37.5 0 0 37.5 0 83.7c0 46.3 37.5 83.7 83.7 83.7 46.3 0 83.7-37.5 83.7-83.7S130 0 83.7 0zM122 120.8c-1.4 2.5-4.6 3.2-7 1.7-19.8-12-44.5-14.7-73.7-8-2.8.5-5.6-1.2-6.2-4-.2-2.8 1.5-5.6 4-6.2 32-7.3 59.6-4.2 81.6 9.3 2.6 1.5 3.4 4.7 1.8 7.2zM132.5 98c-2 3-6 4-9 2.2-22.5-14-56.8-18-83.4-9.8-3.2 1-7-1-8-4.3s1-7 4.6-8c30.4-9 68.2-4.5 94 11 3 2 4 6 2 9zm1-23.8c-27-16-71.6-17.5-97.4-9.7-4 1.3-8.2-1-9.5-5.2-1.3-4 1-8.5 5.2-9.8 29.6-9 78.8-7.2 109.8 11.2 3.7 2.2 5 7 2.7 10.7-2 3.8-7 5-10.6 2.8z"></path>
  </svg>`
})
</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 weeks later...

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.