Social Media Icons Per Person in "People" section

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?  

Can you share link to page where you added people section? We can check easier

Here is what I have done so far! 

https://www.womxncrypto.xyz/home#team

Thanks for any help you can provide! 

On 2/28/2022 at 1:40 PM, RbutlerSF said:

Here is what I have done so far! 

https://www.womxncrypto.xyz/home#team

 

Thanks for any help you can provide! 

I see you added text. Do you still need help with icon?

On 3/3/2022 at 1:38 AM, tuanphan said:

I see you added text. Do you still need help with icon?

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

@tuanphan with this solution, I can't see any way to add a code block to each item in the list.  I understand how this can work where a code block can be inserted anywhere on a page, but not sure how this is managed when a people/list is used.

On this site's Directory Page > any city (good example is Saco/Dayton), we'd like to add their social media icons with links to the local businesses block.  Your solution sounds perfect but not sure how to add the code block to each company's item.

https://www.meetyorkcounty.com/

On 6/13/2024 at 11:25 PM, SodaCreekDigital said:

@tuanphan with this solution, I can't see any way to add a code block to each item in the list.  I understand how this can work where a code block can be inserted anywhere on a page, but not sure how this is managed when a people/list is used.

On this site's Directory Page > any city (good example is Saco/Dayton), we'd like to add their social media icons with links to the local businesses block.  Your solution sounds perfect but not sure how to add the code block to each company's item.

https://www.meetyorkcounty.com/

With this case, we will need to use CSS code to turn text in Description to Icons.

You can let me know all icons you want to add.

And on each item, icons will same line or stacked, I can give you a sample code for some items, then you can repeat.

On 6/13/2024 at 11:25 PM, SodaCreekDigital said:

@tuanphan with this solution, I can't see any way to add a code block to each item in the list.  I understand how this can work where a code block can be inserted anywhere on a page, but not sure how this is managed when a people/list is used.

On this site's Directory Page > any city (good example is Saco/Dayton), we'd like to add their social media icons with links to the local businesses block.  Your solution sounds perfect but not sure how to add the code block to each company's item.

https://www.meetyorkcounty.com/

I wrote this to add icons to List without using Code Block