laurentaylar Posted March 23, 2020 Share 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 Link to comment
derricksrandomviews Posted March 23, 2020 Share 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. Link to comment
laurentaylar Posted March 23, 2020 Author Share Posted March 23, 2020 Thanks so much! I went through the process, but it's still not working. Link to comment
tuanphan Posted March 23, 2020 Share 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
derricksrandomviews Posted March 23, 2020 Share Posted March 23, 2020 Tuanphan's post looks like it has the solution. Link to comment
laurentaylar Posted March 23, 2020 Author Share Posted March 23, 2020 It added this massive file at the bottom of the website. Link to comment
derricksrandomviews Posted March 23, 2020 Share Posted March 23, 2020 Well, we need to keep looking for an answer obviously. Link to comment
derricksrandomviews Posted March 23, 2020 Share 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. Link to comment
laurentaylar Posted March 24, 2020 Author Share 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 Link to comment
Guest Posted April 21, 2020 Share 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 Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.