Matt12345 Posted January 13, 2022 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!
Solution tuanphan Posted January 17, 2022 Solution 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
thirtythreesixty Posted November 6, 2023 Posted November 6, 2023 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment