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.
icons_boxed – Can be one of these values: default, yes, or no. This will enable or disable boxed icons.
icons_boxed_radius – Accepts a pixel value that sets the border’s radius. For example, 1px. Leave Blank for Theme Option selection.
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.
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.
tooltip_placement – Can be one of these values: default, left, right, top, or bottom. Sets the Social Icon Tooltip position.
various social links – The custom URL path to your various social media profiles. For example, //www.facebook.com/johndoe.
email – The custom email address. For example, firstname.lastname@example.org.
show_custom – Can be one of these values: yes, or no. Will display your custom social icon from theme options.
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.