Multiple Social Media Profile Icons

Site URL: https://raspberry-seahorse-2ltg.squarespace.com/

Hi! I'm trying to create multiple linkedin icons for the team so it goes to their LinkedIn pages. But the social links will only allow one per. Is there a way to do that with an icon?

Site: https://raspberry-seahorse-2ltg.squarespace.com/

7.1 

Add a Code Block on each profile >> Paste this code

<ul class="t-social">
<li>
  <a href="https://linkedin.com/">
  <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>

And add this to Page Header or Code Injection Header

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">

@tuanphan sorry so add the first code to CSS or header injection? Not Sure what you mean add to each social profile....

On 5/15/2021 at 11:21 PM, AngieRoxyE said:

@tuanphan sorry so add the first code to CSS or header injection? Not Sure what you mean add to each social profile....

Add it under each team member in Code Block

Hello. That is exactly what I was searching for. can you give me a code for my website?

https://owl-maroon-36p3.squarespace.com/

On 12/12/2022 at 5:16 PM, Olafdsds said:

Hello. That is exactly what I was searching for. can you give me a code for my website?

https://owl-maroon-36p3.squarespace.com/

 

That is same code for all websites. You can use above

If you need to add other icons, let me know which icons, we can adjust the code easier