Social Links Shortcode

Avada includes a large set of social icons to use throughout the theme and you can also upload a custom icon These icons are a vector font icon instead of an image, which produces much faster load times and will always ensure perfect sharpness. Social icons are loaded with options that allow you to easily cusotmize them. Choose boxed or unboxed, border radius, icon color globally or individually, box color globally or individually, hover tooltip position and more.

Social Icon Set

Avada includes a total of 25 social icons with more added frequently and ability to upload a custom icon.

Boxed or UnBoxed Icons

Choose to have the icons be boxed or unboxed, and you can make this choice in several areas of the theme.

Full Color Control

Set one global color for icons and box, or individual per icon.

Border Radius Control

Set the border radius for boxed mode. Full control in pixel value for square, rounded or circular.

Tooltip Hover Position

Set the position of the tooltip hover to up, down, left or right.

Complete Set of Options

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

[fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]icons_boxed – Can be one of these values: default, yes, or no. This will enable or disable boxed icons.[/fusion_li_item][fusion_li_item icon=””]icons_boxed_radius – Accepts a pixel value that sets the border’s radius. For example, 1px. Leave Blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]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.[/fusion_li_item][fusion_li_item icon=””]box_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.[/fusion_li_item][fusion_li_item icon=””]tooltip_placement – Can be one of these values: default, left, right, top, or bottom. Sets the Social Icon Tooltip position.[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]various social links – The custom URL path to your various social media profiles. For example, http://www.facebook.com/johndoe.[/fusion_li_item][fusion_li_item icon=””]email – The custom email address. For example, johndoe@example.com.[/fusion_li_item][fusion_li_item icon=””]show_custom – Can be one of these values: yes, or no. Will display your custom social icon from theme options.[/fusion_li_item][fusion_li_item icon=””]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon=””]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist]

Join The 100,000+ Satisfied Avada Users!