REA Team Member

The REA Team Member widget gives the option to add your team member details consisting of image, name, designation, description, and social links in a nice UI.
REA Team member

Content

Team member content

1) Style - This option allows you to choose some predefined styles for your team member widget.
2) Choose Member Image - This allows you to choose an image for the team member.
3) Image Size - This allows you to set the image size (predefined or custom).
4) Member Name – This allows you to add the name of your team member.
5) Member Position – This allows you to add the designation of your team member.
6) Show Icon – This allows you to hide/show the icon for the team member.
7) Show Description - This allows you to hide/show the description of the team member.

Social Profiles

Display Social Profiles – Gives the ability to hide or show the social profile icons.
Add Icon – This allows you to configure styles for different social profiles, give a link to the icons.

Pop Up Details

Show Popup – Gives the ability to enable or disable the popup for showing the information of a team member on a popup.
About Member - You can add the text to be visible on a popup about a team member.
Phone - You can add a phone number that will be visible on a popup about a team member.
Email – You can add an email Id that will be visible on a popup about a team member.
Close Icon – Choose the close icon for the popup.
Close Icon Alignment - Choose between left or right alignment for the close icon.

Style

Content

Background Type & Box Shadow– This allows you to select the background type such as color or an image and select box shadow for the content of the widget.
Alignment – The alignment of the contents can be set to center, left, or right.
Padding – Adjust the overall padding of the widget.
Content Padding - Adjust the overall padding of the content.
Border Style – This Allows you to set the border style type for the image. If the border style is set to any given option other than none then you can specify the border width, border color, and border hover color.

Image

Image Size – Adjust the size of the image.
Margin - Adjust the margin around the image.
Box Shadow - Add box shadow to the image.
Border Type - You can set the border style, width and color.
Background type - This allows you to select the background type such as color for an image

Icon

Alignment - Allows you to align the icon to left, center, or right.
Margin & Padding- Allows you to set the margin and padding to the icon.
Border Radius & Box shadow - Allows you to add border radius and box shadow to the icon.
Font size - Adjust the font size of the icon.
Height and Width - Adjust the height and width of the icon.
Color, Background color, border type - You can set the normal and hover settings for color, background color, and border type.

Name

Name - This allows you to add typography, color, and margin-bottom to the member name.

Position

Position - This allows you to add typography, color, and margin-bottom to the member position.

Description

Description - This allows you to add typography, color, and margin-bottom to the member Description.
Social Profiles
Alignment - Align the social icons for social profiles to left, center, or right.
Display - Choose between display block and inline-block.
Border radius - You can set the border radius of social icons.
Padding & Margin - Adjust the padding and margin of social icons.
Icon Size and typography - You can adjust the icon size and typography.
Use height Width - You can enable or disable the toggle for updating the height and width.
Choose background type for the modal. Customize the color and typography and margin for Name, Position, and Description.

Close Icon

Customize the close icon of the modal with color, border type, background color, border-radius, box-shadow, font-size, padding.