# Person

- Link: https://www.solmesz.com/meet-the-team-2
- Published: 2013-05-24T21:00:43-03:00
- Author: Sol Mesz

# Person Shortcode

Avada’s Person Shortcode is perfect for introducing your amazing team members, whether
it’s all of them or just a select few. Show hierarchy by using the Person Shortcode
with our Columns Shortcode and display more prominent team members inside columns
that are larger in size. This shortcode allows you to display the name, title and
social icons with custom links.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoePresident & Founder

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum 
dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna
aliqua.

**Full Customization Options**

Customize the style of the image you’d like to display, as well as it’s border size,
color and radius. Choose whether to display social icons as boxed or not, control
the box radius, and even hand pick their individual colors.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoePresident & Founder

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoePresident & Founder

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoePresident & Founder

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

**Use With Columns**

Avada’s Person Shortcode is fully responsive and compatible with our Columns Shortcode.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoePresident & Founder

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoeCEO

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoeDeveloper

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoeDeveloper

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoeDesigner

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

![John Doe](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27580%27%20height%3D%27388%27%20viewBox%3D%270%200%20580%20388%
27%3E%3Crect%20width%3D%27580%27%20height%3D%27388%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E)

John DoeDesigner

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

**Complete Set of Options **

Every option and description included with the person shortcode is listed below.

 * **name** – The _custom name_. For example, _John Doe_.
 * **title** – The _custom title_ or _position_. For example, _CEO_.
 * **picture** – The URL path of the custom image to be displayed, starting with
   _http://_ and usually ending on _.jpg, .png _or_ .gif._
 * **pic_link** – The URL path where the image links to. For example, _http://www.
   example.com/_
 * **linktarget** – Can be one of these values: _\_self_ to open in same window,
   or _\_blank_ to open in new window.
 * **pic_style** – Can be one of these values: _none, border, glow, dropshadow, 
   _or_ bottomshadow. _Sets the style type for the picture.
 * **pic_style_color** – Accepts a hexcode _( #000000 )._ Sets the style color for
   all style types except for the **border** style. Leave Blank for Theme Option
   selection.
 * **pic_bordersize** – Accepts a pixel value that sets the border size. For example,
   _1px_. Leave Blank for Theme Option selection.
 * **pic_bordercolor** – Accepts a hexcode _( #000000 )._ Sets the border’s color.
   Leave blank for Theme Option selection.
 * **pic_borderradius** – Accepts a pixel value that sets the border’s radius. For
   example, _1px_. Leave Blank for Theme Option selection.

 * **social_icon_boxed** – Can be one of these values: _default, yes, _or_ no. _This
   will enable or disable boxed icons.
 * **social_icon_boxed_radius** – Accepts a pixel value that sets the boxed icon’s
   radius. For example, _1px_. Leave Blank for Theme Option selection.
 * **social_icon_colors** – Accepts a hexcode _( #000000 )._ Sets the social icon’s
   colors. Use one value for all, or unique colors for each. Separate unique colors
   with a vertical line. For example, _#AA0000|#00AA00|#0000AA_. Leave Blank for
   Theme Options selection.
 * **social_icon_boxed_colors** – Accepts a hexcode _( #000000 )._ Sets the social
   icon’s box colors. Use one value for all, or unique colors for each. Separate
   unique colors with a vertical line. For example, _#AA0000|#00AA00|#0000AA_. Leave
   Blank for Theme Options selection.
 * **social_icon_tooltip** – Can be one of these values: _default, left, right, 
   top, _or_ bottom._ Sets the Social Icon Tooltip position.
 * **email** – The _custom email address_. For example, _johndoe@example.com_.
 * **various social links** – The custom URL path to your various social media profiles.
   For example, _http://www.facebook.com/johndoe_.
 * **class** – Add a _custom class_ to the wrapping HTML element for further css
   customization.
 * **id** – Add a _custom id_ to the wrapping HTML element for further css customization.

# Join The 100,000+ Satisfied Avada Users!

[ BUY AVADA NOW!](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)