Guest Posted June 14, 2021 Share Posted June 14, 2021 Site URL: https://www.premiumpt.no Hi, So I want all of my team members to have the possible to add their own Instagram account to their profil on my website. Since I don´t have their passwords I can´t use the Squarespace Intagram block. Is there a way to make this work?? Link to comment
tuanphan Posted June 15, 2021 Share Posted June 15, 2021 First, add a Code Block at bottom of Team page >> paste this code <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> <style> /* code block padding top bottom */ .code-block { padding-top: 0; padding-bottom: 0; } /* social icons code */ .t-social { display: block; margin: 0 auto; padding-top: 5px; text-align: center; padding-left: 0; } .t-social li { display: inline-block; margin: 0; line-height: 100%!important; } .t-social li i { font-size: 30px; margin: 0 20px; } </style> Next, Add a Code Block under each member >> paste this code <ul class="t-social"> <li> <a href="http://instagram.com"> <i class="fab fa-instagram"></i> </a> </li> </ul> Change instagram url for each member 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
Guest Posted June 15, 2021 Share Posted June 15, 2021 17 minutes ago, tuanphan said: First, add a Code Block at bottom of Team page >> paste this code <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> <style> /* code block padding top bottom */ .code-block { padding-top: 0; padding-bottom: 0; } /* social icons code */ .t-social { display: block; margin: 0 auto; padding-top: 5px; text-align: center; padding-left: 0; } .t-social li { display: inline-block; margin: 0; line-height: 100%!important; } .t-social li i { font-size: 30px; margin: 0 20px; } </style> Next, Add a Code Block under each member >> paste this code <ul class="t-social"> <li> <a href="http://instagram.com"> <i class="fab fa-instagram"></i> </a> </li> </ul> Change instagram url for each member I think I´ve done it right, but the feed won´t show. It only shows 4 small black lines Link to comment
tuanphan Posted June 15, 2021 Share Posted June 15, 2021 22 minutes ago, Kesia said: I think I´ve done it right, but the feed won´t show. It only shows 4 small black lines You mean show feeds or show instagram icon? Above code is show instagram icons. 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
Guest Posted June 15, 2021 Share Posted June 15, 2021 3 minutes ago, tuanphan said: You mean show feeds or show instagram icon? Above code is show instagram icons. Show feed 🙂 Link to comment
tuanphan Posted June 16, 2021 Share Posted June 16, 2021 22 hours ago, Kesia said: Show feed 🙂 If feed, you can try this free tool. Not sure it will work. I haven't tried it yet. 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment