Adding LinkedIn icon for each team member – Themeco Community

Adding LinkedIn icon for each team member

HDrewry — Tue, 24 Mar 2015 13:36:08 +0000

I am creating a team page which comprises a number of promo objects, each object containing an image and some text describing the team member e.g. position and interests.

I want to add a linkedIn icon under each image so that when the icon is clicked, the linkedin page for the team member is shown.

I am familiar with social sharing – this is not want I want.

Reply To: Adding LinkedIn icon for each team member

Nico — Tue, 24 Mar 2015 18:41:51 +0000

Hi There,

Thanks for writing in.

You can add something like this in your content or in a members promo container:

[icon type="linkedin"]

For more icons: http://theme.co/x/demo/integrity/1/shortcodes/icons/

Hope it helps.

Cheers!

Reply To: Adding LinkedIn icon for each team member

HDrewry — Wed, 10 Jun 2015 09:23:00 +0000

Thanks for the response.

I used the following in the pronmo text box:

[button shape=”square” size=”mini” float=”none” icon_only=”true” href=”[insert linkedIn profile URL here]” info=”none” info_place=”top” info_trigger=”hover” target=”blank” class=”team-linkedin”][icon type=”linkedin-square”][/button]

And edited the style.css

.team-linkedin {
border: none;
font-size: 30px !important;
padding: 0 !important;
margin: 0;
line-height: 1;
padding-top: 5px !important;
}

Reply To: Adding LinkedIn icon for each team member

Friech — Wed, 10 Jun 2015 22:42:10 +0000

Hey There,

In what version of X are you in? Did your code above work? If not update that to this:

[x_button shape="square" size="mini" float="none" icon_only="true" href="#" info="none" info_place="top" info_trigger="hover" target="blank" class="team-linkedin"][x_icon type="linkedin-square"][/x_button]

Hope it helps, Cheers!