laurentaylar Posted March 23, 2020 Posted March 23, 2020 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
derricksrandomviews Posted March 23, 2020 Posted March 23, 2020 You can add social icons to the nav bar, so if Spotify is treated that way then this might help: https://christyprice.com/squarespace-tips-tricks/how-to-add-social-media-icons-to-squarespace-navigation I don't know if it will for the same for both 7.0 and 7.1. Let us know what you find out.
laurentaylar Posted March 23, 2020 Author Posted March 23, 2020 Thanks so much! I went through the process, but it's still not working.
tuanphan Posted March 23, 2020 Posted March 23, 2020 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!)
derricksrandomviews Posted March 23, 2020 Posted March 23, 2020 Tuanphan's post looks like it has the solution.
laurentaylar Posted March 23, 2020 Author Posted March 23, 2020 It added this massive file at the bottom of the website.
derricksrandomviews Posted March 23, 2020 Posted March 23, 2020 Well, we need to keep looking for an answer obviously.
derricksrandomviews Posted March 23, 2020 Posted March 23, 2020 I went into settings and social links, selected add a link and pasted the address for spotify, https://www.spotify.com/us/ This worked on my site, the link placed a Spotify social icon right next to all my other ones. I don't have an account so clicking it went to the main Spotify page.
laurentaylar Posted March 24, 2020 Author Posted March 24, 2020 Wow I feel like such an idiot lol I thought I had already tried that. Thanks so much! Problem fixed haha
Guest Posted April 21, 2020 Posted April 21, 2020 Hi, I am also looking to add an icon of my spotify site. If someone has a solution please share it with me too. Site link: https://spotifypremiumfreeapk.info
Recommended Posts
Archived
This topic is now archived and is closed to further replies.