Team Member

team-member-banner
Add a great looking block to list out your awesome team members using our different styles.

Please follow below steps to use “Team Member” shortcode.

  • Step 1: Login to WordPress Admin section.
  • Step 2: Add/Edit any page/post/portfolio post.
  • Step 3: Click on “+” button (Add New Element), it will show the popup with all shortcodes.
  • Step 4: Click on H-Code tab, it will show all shortcodes of H-Code theme. Now click on “Team Member” shortcode.
  • Step 5: Follow below inputs/settings and see “Team Member” preview in frontend.

General (tab)

Team Style – Select style from 7 pre-defined styles. There are different data fields for different style which all are listed below.

Team Image – Upload your team member image

Team Member Title – Name of your team members

Team Member Designation – Designation or position of your team member

Team Member Headline – Any specific headline text about your team member

Show Separator – Set yes if you would like to display separator as per the style you have chosen

Short Content – Short description summary about your team member

Show Image Position – Set Image in left / right of the other content about your team member

Style (tab)

Set colors as per your requirement to different elements as per the style you have chosen.

Title Text Color – Text color for your team member name

Separator Color – Color for the separator element

Designation Text Color – Text color for your team member designation / position

Background Color – Background color of the hover section

Social Icons (tab)

Show Facebook Icon – Set Yes to show Facebook icon and enter Facebook profile url of the team member

Show Twitter Icon – Set Yes to show Twitter icon and enter Twitter profile url of the team member

Show Google+ Icon – Set Yes to show Google+ icon and enter Google+ profile url of the team member

Extras (tab)

Extra ID – Define element id (The id attribute specifies a unique id for an HTML element)

Extra Class –Apply margin with pre-defined margin classes or specify your custom margin for desktop/tablet /mobile devices.