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

Hi,

I'm having this problem. I'm a newbie. So in the interest of being fully clear.

I would like individual Linkedin links using the standard Icon that Squarespace supplies. I understand that it needs to be in the code block. But when I paste in what you've shown nothing appears. 

What I'd like to do: Have the linkedIn Icon under different members of my team and each icon to be linked to individuals profiles on linkedIn.

Also you haven't mentioned the individual url for the profiles and where in the code I can change this.

I'd appreciate if you can help as I can't seem to find a solution.

Please and thankyou!

On 1/7/2024 at 5:07 AM, ChaosAli said:

Hi,

 

I'm having this problem. I'm a newbie. So in the interest of being fully clear.

 

I would like individual Linkedin links using the standard Icon that Squarespace supplies. I understand that it needs to be in the code block. But when I paste in what you've shown nothing appears. 

What I'd like to do: Have the linkedIn Icon under different members of my team and each icon to be linked to individuals profiles on linkedIn.

Also you haven't mentioned the individual url for the profiles and where in the code I can change this.

I'd appreciate if you can help as I can't seem to find a solution.

Please and thankyou!

Can you share link to page where you use Code Block? We can check problem easier

I'm having a similar issue. I'm building a website for a childrens book author. They have a main Twitter account under their name. But then they have multiple Twitter accounts for their different book series. Ideally, I'd like to have their main Twitter account and Instagram account in the header and footer with just the book series Twitter accounts in the footer in a different section from the main ones (and somehow labeled to show the account names instead of just the Twitter icon). 

Any help is appreciated! I did try a suggestion above, but I wasn't sure how to add the second section of code into the header (or what a Code Injection Header is!). 

https://star-hexaflexagon-9h32.squarespace.com/

On 1/20/2024 at 11:37 PM, jtyost said:

I'm having a similar issue. I'm building a website for a childrens book author. They have a main Twitter account under their name. But then they have multiple Twitter accounts for their different book series. Ideally, I'd like to have their main Twitter account and Instagram account in the header and footer with just the book series Twitter accounts in the footer in a different section from the main ones (and somehow labeled to show the account names instead of just the Twitter icon). 

Any help is appreciated! I did try a suggestion above, but I wasn't sure how to add the second section of code into the header (or what a Code Injection Header is!). 

https://star-hexaflexagon-9h32.squarespace.com/

The site is private. You can setup an access password, we can check easier

I'm having the same issue. Can someone help walk me through the coding work around to solve this problem? Thank you!

On 2/1/2024 at 7:12 AM, CourtneySch said:

I'm having the same issue. Can someone help walk me through the coding work around to solve this problem? Thank you!

You can use first comment in this thread