Loading...
Person 2018-04-05T16:26:39+00:00

Person Element

You can now, with the help of Avada and the Fusion Builder Person Element, include a small biography for staff members or people of importance on your website. With several customization options to utilise you have the power to display your staff, team or favourite people with style and ease.

Helen Parkins
Helen ParkinsDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros lorem ipsum. Ets amet orci ficilis ipsums blandit.
Brian McArthur
Brian McArthurDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros lorem ipsum. Ets amet orci ficilis ipsums blandit.
Julia Atkinson
Julia AtkinsonDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros blandit. Ipsums ets dolores ficilis amet uns feteria dolores erats.

Customization Settings

Change the picture size, shape, text background colour and more with the customization settings we’ve given you with the Person Element.

Julia Atkinson
Julia AtkinsonDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros blandit. Ipsums ets dolores ficilis amet uns feteria dolores erats.
Brian McArthur
Brian McArthurDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros blandit. Ipsums ets dolores ficilis amet uns feteria dolores erats.
Helen Parkins
Helen ParkinsDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros blandit. Ipsums ets dolores ficilis amet uns feteria dolores erats.

Social Icons Control

You’re in full control of your persons social media profiles. Not literally! You can choose where and how they’re displayed on your page, and even where they’re shown in relation to your person.

Helen Parkins
Helen ParkinsDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros blandit. Neque in, facilisis nulla. Ut id eros lorem ipsum. Ets amet orci ficilis ipsums blandit.
Brian McArthur
Brian McArthurDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros lorem ipsum. Ets amet orci ficilis ipsums blandit.
Julia Atkinson
Julia AtkinsonDeveloper
In sit amet imperdiet erat. Nulla luctus orci sit amet diam varius tristique. Neque in, facilisis nulla. Ut id eros blandit. Ipsums ets dolores ficilis amet uns feteria dolores erats.

Mobile Visibility Settings

Our mobile visibility system gives you full control over what displays based on 3 customizable screen sizes. Every Fusion Builder Element has these settings and they allow you to show or hide elements on various screen sizes. In addition, you can choose what those screen sizes are! This gives you maximum control to set the exact point when an element should show or hide. Resize the page to see the elements appear or disappear based on what we set.

Only Show on Desktop

Only Show on Tablet

Only Show on Mobile

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.
  • hover_type – Can be one of these values: none, zoomin, zoomout, or liftup. Sets the hover type for the picture.
  • background_color – Accepts a hexcode ( #000000 ). Sets the background color. Leave Blank for Theme Option selection.
  • content_alignment – Can be one of these values: default, left, right, or center. Sets alignment of the content.
  • 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.
  • icon_position – Can be one of these values: default, top, or bottom. Sets the position of the social icons.
  • 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 color, or individual colors. Separate colors with a vertical line ( #AA0000|#00AA00 ). Leave Blank for Theme Options selection.
  • social_icon_boxed_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s box colors. Use one color, or individual colors. Separate colors with a vertical line ( #AA0000|#00AA00 ). 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. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Join The 425,000+ Satisfied Avada Users!

BUY AVADA NOW!

Sliding Bar Section For Widgets

This is the sliding section that can be enabled or disabled on any demo. You can insert anywhere from 1-6 columns along with any widget that comes with Avada, WordPress or additional 3rd party plugins. It's perfect for placing additional information on your site.

Recent Works

Contact Info

12345 North Street, New York City, NY 555555

Phone: 1-800-555-5555

Mobile: 1-234-567-8910

Fax: 1-234-879-5641

Web: http://yourwebsite.com