LeoHartUK Posted December 11, 2019 Posted December 11, 2019 I have a team page on my website, where I would like to add individual social media icons to each of my team members, but whenever I go to add a social links block, it defaults to the same set I have in Settings > Social Links. My coder has informed me that it's possible to reassign the links via javascript, though it's not the nicest solution. I was wondering if anyone might have a solution for this problem?
ChristopherVV Posted December 13, 2019 Posted December 13, 2019 Also looking for a solution to this. There should be an option to check whether or not the social links are individual or website-wide.
lgildea Posted February 19, 2020 Posted February 19, 2020 Did anyone find a solution for this? I also need to add individual social links on a team page for a client..
tuanphan Posted February 19, 2020 Posted February 19, 2020 First, add to this code to Home > Settings > Advanced > Code Injection > Header <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> Next, paste to Code Block. Here are icons for FB, Instagram,.. <div class="kl-socials"> <a href="https://www.squarespace.com" target="_blank"> <i class="fa fa-globe fa-3x" aria-hidden="true"></i> </a> <a href="https://www.facebook.com/" target="_blank"> <i class="fa fa-facebook fa-3x" aria-hidden="true"></i> </a> <a href="https://www.instagram.com" target="_blank"> <i class="fa fa-instagram fa-3x" aria-hidden="true"></i> </a> </div> 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!)
igmfoundation Posted October 28, 2020 Posted October 28, 2020 I've been having trouble with this also. Here's another solution I found. Installing a widget specific to team showcasing. Works perfectly. https://elfsight.com/team-showcase-widget/squarespace/
Elfsight Posted November 5, 2020 Posted November 5, 2020 On 10/28/2020 at 5:11 PM, igmfoundation said: I've been having trouble with this also. Here's another solution I found. Installing a widget specific to team showcasing. Works perfectly. https://elfsight.com/team-showcase-widget/squarespace/ Hi @igmfoundation! Thanks for mentioning us. We’re really happy you like the widget. Don’t hesitate to contact us if you have any other questions. We’ll be happy to assist you! 🙂 Best regards, Elfsight Team
Nipper Posted November 25, 2020 Posted November 25, 2020 On 2/19/2020 at 12:52 PM, tuanphan said: First, add to this code to Home > Settings > Advanced > Code Injection > Header <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> Next, paste to Code Block. Here are icons for FB, Instagram,.. <div class="kl-socials"> <a href="https://www.squarespace.com" target="_blank"> <i class="fa fa-globe fa-3x" aria-hidden="true"></i> </a> <a href="https://www.facebook.com/" target="_blank"> <i class="fa fa-facebook fa-3x" aria-hidden="true"></i> </a> <a href="https://www.instagram.com" target="_blank"> <i class="fa fa-instagram fa-3x" aria-hidden="true"></i> </a> </div> Do you have the code for adding email for this too? Can't seem to get an icon and link to it. Thanks
tuanphan Posted December 1, 2020 Posted December 1, 2020 On 11/25/2020 at 10:40 PM, Nipper said: Do you have the code for adding email for this too? Can't seem to get an icon and link to it. Thanks email is <a href="mailto:abc@xyz.com" target="_blank"> <i class="fa fa-envelope" aria-hidden="true"></i> </a> 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!)
Nipper Posted December 1, 2020 Posted December 1, 2020 Thanks, Tuanphan. And do you know how to centre these and make them bigger / smaller?
tuanphan Posted December 1, 2020 Posted December 1, 2020 22 minutes ago, Nipper said: Thanks, Tuanphan. And do you know how to centre these and make them bigger / smaller? Can you share link to page where you insert above code? We can check easier 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!)
Nipper Posted December 3, 2020 Posted December 3, 2020 On 12/1/2020 at 9:36 AM, tuanphan said: Can you share link to page where you insert above code? We can check easier https://flamingo-orca-2ez8.squarespace.com/who-we-are password: lngtv1
tuanphan Posted December 3, 2020 Posted December 3, 2020 1 hour ago, Nipper said: https://flamingo-orca-2ez8.squarespace.com/who-we-are password: lngtv1 Incorrect password 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!)
Nipper Posted December 3, 2020 Posted December 3, 2020 2 hours ago, tuanphan said: Incorrect password Please try again. lngtv1
tuanphan Posted December 4, 2020 Posted December 4, 2020 18 hours ago, Nipper said: Please try again. lngtv1 Website Expired This account has expired. If you are the site owner, click below to login. You can contact Squarespace Customer Care to extend trial 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!)
Nipper Posted December 4, 2020 Posted December 4, 2020 5 hours ago, tuanphan said: Website Expired This account has expired. If you are the site owner, click below to login. You can contact Squarespace Customer Care to extend trial It has been updated, thanks
sophiemarsh Posted July 7, 2021 Posted July 7, 2021 Does anyone know how to add different social links to different sections on the same page?
tuanphan Posted July 17, 2021 Posted July 17, 2021 On 7/7/2021 at 7:33 PM, sophiemarsh said: Does anyone know how to add different social links to different sections on the same page? On 7/14/2021 at 5:44 PM, Kazim said: Did anyone find a solution for this? i'm facing same issues Follow this. If you need any help, just reply here. https://forum.squarespace.com/topic/153877-need-help-adding-individual-social-links/?do=findComment&comment=349662 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!)
AikoJAPAN Posted September 22, 2021 Posted September 22, 2021 On 11/26/2020 at 12:40 AM, Nipper said: Do you have the code for adding email for this too? Can't seem to get an icon and link to it. Thanks Hi @tuanphan , this has been a great help. Do you have one for Twitter as well? Thanks!
Anele0610 Posted September 25, 2021 Posted September 25, 2021 On 2/19/2020 at 1:52 PM, tuanphan said: First, add to this code to Home > Settings > Advanced > Code Injection > Header <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> Next, paste to Code Block. Here are icons for FB, Instagram,.. <div class="kl-socials"> <a href="https://www.squarespace.com" target="_blank"> <i class="fa fa-globe fa-3x" aria-hidden="true"></i> </a> <a href="https://www.facebook.com/" target="_blank"> <i class="fa fa-facebook fa-3x" aria-hidden="true"></i> </a> <a href="https://www.instagram.com" target="_blank"> <i class="fa fa-instagram fa-3x" aria-hidden="true"></i> </a> </div> Hey @tuanphan I'm trying to add discord and reddit, and the font awesome icons jst dont show up. i'm putting: <div class="kl-socials"> <a href="https://www.reddit.com" target="_blank"> <i class="fab fa-reddit-alien fa-3x" aria-hidden="true"></i> </a> <a href="https://www.discord.com/" target="_blank"> <i class="fab fa-discord fa-3x" aria-hidden="true"></i> </a> </div> Nothing appears 😞 Thanks, Anele
tuanphan Posted September 26, 2021 Posted September 26, 2021 On 9/22/2021 at 4:57 PM, AikoJAPAN said: Hi @tuanphan , this has been a great help. Do you have one for Twitter as well? Thanks! Hi, Use this <a href="https://www.discord.com/" target="_blank"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> 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!)
tuanphan Posted September 26, 2021 Posted September 26, 2021 21 hours ago, Anele0610 said: Hey @tuanphan I'm trying to add discord and reddit, and the font awesome icons jst dont show up. i'm putting: <div class="kl-socials"> <a href="https://www.reddit.com" target="_blank"> <i class="fab fa-reddit-alien fa-3x" aria-hidden="true"></i> </a> <a href="https://www.discord.com/" target="_blank"> <i class="fab fa-discord fa-3x" aria-hidden="true"></i> </a> </div> Nothing appears 😞 Thanks, Anele Hi. My code for FontAwesome 4.7. Your font icon is for FA 5.x version. In FA 4.7, the font icons should be Reddit: <i class="fa fa-reddit" aria-hidden="true"></i> Discord 4.7 doesn't support Reddit To make your code work, you need to replace FA 4.7 link Quote <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> with FA 5.x link Quote <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> 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!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.