[HDrewryParticipant]

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.

[NicoModerator]

Hi There,

Thanks for writing in.

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

<a href="yourmemberslinkinurl.com">[icon type="linkedin"] </a>

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

Hope it helps.

Cheers!

[HDrewryParticipant]

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;
}

[FriechModerator]

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!

[Author]

Posts