yogacid Posted April 25, 2021 Share Posted April 25, 2021 Site URL: https://howtousepsychedelics.com/team How can I add individual social media icons to each team member under their profile? I want to show their photo, bio and then a few icons underneath for their contact information such as email, twitter, linkedin... Ridiculous that squarespace doesn't allow you to do that. Link to comment
tuanphan Posted April 26, 2021 Share Posted April 26, 2021 Add a Code Block under each team member >> paste this code (replace with new url) <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> <ul class="t-social"> <li> <a href="http://m.me/giannicipriano"> <i class="fab fa-facebook-messenger"></i> </a> </li> <li> <a href="https://wa.me/393285677923"> <i class="fab fa-whatsapp"></i> </a> </li> <li> <a href="mailto:gianni@giannicipriano.com"> <i class="fas fa-at"></i> </a> </li> <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> 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.