Jump to content

Social Media Icons Per Person in "People" section

Go to solution Solved by tuanphan,

Recommended Posts

Hi!

I have aded a "people" section to my site to serve as a team member list and their bios. For each person, I want to include a twitter and linked in icon that links to their respective social media pages. So basically for each person, it's their headshot, the bios beneeth them and then include at the bottom of their bio is a twitter icon that links to their specific twitter page. 

By using the "people" section, I can only add the content for each person (their image, description, etc) but I can't include any icons or other images in their description field. 

Is there an easy way to solve this?  

Link to comment
  • Solution
On 3/7/2022 at 7:33 AM, RbutlerSF said:

I added text, but would prefer to have the logo for each social platform as the link. 

 

First, add this line into Settings > Advanced > Code Injection > Header

(If you use a Personal Plan, you can edit Site Footer > Add a Code Block > Paste the code)

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

Next, add a Code Block under each people > Paste this code

 <a href="https://twitter.com/debranipp">
  <i class="fab fa-twitter"></i>
  </a>

Replace with coressponding url on each people

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.