Person Widget

The Person Widget is a great way to highlight your personnel. This widget combines text, imagery and social media links to create a personal profile block. It can be a great addition to your Team, About Me or Home pages.

DEMO


Name : The name of the person.


Person

Image : Select an image from the Media Library.

Designation : The designation/position of the person.

About : A brief summary about the person.


Social

Use this section to add links to social profiles.

Open link in : Choose to open the social link in the same tab or a new tab.

Profiles

Link : Input the URL of the social profile.

Icon : Select an icon.


Styling

Layout : Choose from Image AboveImage to the left and Image to the right.

Design : Choose from BasicIcon over image and About over image.

  • Basic: The elements are neatly arranged one below another.
  • Icon over image: Here the icons are placed above the person’s image and is visible on hover.
  • About over image: Here the about text is placed above the person’s image and is visible on hover.

Image Width : Uncheck to disable the fullwidth image.

Image Corners : Choose the shape of the person’s image.

Image Hover Overlay Color : Choose a overlay color for the person’s image. Leave blank for transparent. Will be most useful when icon or about sections are above the image.

Image Hover Opacity : Define the opacity of the overlay color. 0 is transparent & 100 is opaque.

Icon Color : Choose the color of the social icons.

Icon Hover Color : Choose the color of the social icons for mouse hover.

Content Background Color : Choose the background color for the content section. This is the portion below the image.

Padding above content section : Choose to place a gap above the content section.

Name Color : Choose the color for the name.

Designation Color : Choose the color for the name.

About Color : Choose the color for the about text.

Text Alignment : Set the alignment of the text. You can align it left, center or right. This applies for the name, designation, about and social icons.