Matt12345 Posted January 13, 2022 Share Posted January 13, 2022 Site URL: https://www.properlyinvestments.com/stowe I'm trying to update bios of two team members. I would like to add their respective linkedin url under their respective bios. When I go to add them, they end up clumping under a single bio. How can I have it so that each linkedin link is under the persons respective bio? Thanks! Link to comment
Solution tuanphan Posted January 17, 2022 Solution Share Posted January 17, 2022 (edited) On 1/13/2022 at 10:58 PM, Matt12345 said: Site URL: https://www.properlyinvestments.com/stowe I'm trying to update bios of two team members. I would like to add their respective linkedin url under their respective bios. When I go to add them, they end up clumping under a single bio. How can I have it so that each linkedin link is under the persons respective bio? Thanks! You can use Code Block to add LinkedIn, instead of using Social Block, thus, you can change url easier. Add 2 Code Block under 2 bios, paste this code <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="https://www.linkedin.com/in/richard-kennedy-688ab755/?originalSubdomain=ca"> <i class="fab fa-linkedin-in"></i> </a> </li> <li> <a href="http://www.linkedin.com/in/matt-peplinski-a5a33b1ab"> <i class="fab fa-linkedin-in"></i> </a> </li> </ul> <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> Replace 2 LinkedIn with coressponding urls If it doesn't work, keep the code & let me know, we can check easier Edited January 17, 2022 by tuanphan 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
thirtythreesixty Posted November 6 Share Posted November 6 On 1/16/2022 at 8:28 PM, tuanphan said: You can use Code Block to add LinkedIn, instead of using Social Block, thus, you can change url easier. Add 2 Code Block under 2 bios, paste this code <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="https://www.linkedin.com/in/richard-kennedy-688ab755/?originalSubdomain=ca"> <i class="fab fa-linkedin-in"></i> </a> </li> <li> <a href="http://www.linkedin.com/in/matt-peplinski-a5a33b1ab"> <i class="fab fa-linkedin-in"></i> </a> </li> </ul> <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> Replace 2 LinkedIn with coressponding urls If it doesn't work, keep the code & let me know, we can check easier This is a great solution - thank you so much. Is there any way of having the linkedin page open in a new window? Thanks for this helpful solution 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