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.
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.
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.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.
