Social Links Element

Last Update: August 30, 2025

The Avada Social Links Element allows you to add social media links anywhere in your content. The Element is loaded with options that will enable you to customize your Social Media icons easily.

Watch the video below for a visual overview of the Element, view the Avada Social Links Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

View Element Page!

View Live Example!

View Avada Builder Elements!

How To Use The Social Links Element

The Avada Social Links Element is a quick and easy way to add your own social media links anywhere on your site. To start, add the element to your desired column, and configure the Social Links Element to your liking. There are styling options for the icons, including the ability to use either branded or custom colors for icons.

Then, once you have styled the icons the way you like, there are fields to add your own profile links for every major Social Media platform. You can also add an email icon and any custom social icons specified in the Global Options.

Element Options

Note: The Default setting will use the global settings assigned for this element at Options > Avada Builder Elements > Social Links. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

General

Heading		Description
Social Accounts		Use the accounts set up in Global Options, or give this element its own list.
Accounts		The accounts this element displays, in order. Drag to reorder.
Experiment Events		Select any available Avada Experiment events to this element. Note: if you are already using the selector to trigger this, no need to add here.
Element Visibility		Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
Element Sticky Visibility		Choose to show or hide the element, based on the current mode (normal or sticky) of its parent container. You can choose more than one at a time.
CSS Class		Add a class to the wrapping HTML element.
CSS ID		Add an ID to the wrapping HTML element.

Design

Heading		Description
Alignment		Select the icon's alignment.
Margin		Enter values including any valid CSS unit, ex: 4%.
Tooltip Position		Choose the display position for tooltips.
Add Nofollow to Links		Turn on to add the "nofollow" attribute to social links.
Link Target		Controls whether social icon links open in the same or a new window/tab.
Font Size		Controls the font size for the social icons. Enter value including CSS unit (px, em, rem), ex: 10px
Boxed Style		Choose to get boxed icons.
Box Padding		Controls the padding of boxed icons.
Box Border Size		Controls the border size. In pixels or percentage, ex: 10px or 10%.
Box Border Radius		Choose the border radius of the boxed icons. In pixels (px), ex: 1px, or "round".
Color Type		Choose the color type of social icons. Brand colors will use the exact brand color of each network for the icons or boxes.
Icon Color		Specify the color of social icons.
Background Color		Specify the box background color of social icons.
Border Color		Specify the border color of social icons.

Extras

Heading		Description
Conditional Rendering		Add conditional rendering logic for the element. The element will only be part of the post / page contents, if the set conditions are met. NOTE: Server cache can interfere with results.
Animation Type		Select the type of animation to use on the element.
Direction of Animation		Select the incoming direction for the animation.
Animation Color		Select the color of the animation
Speed of Animation		Type in speed of animation in seconds (0.1 - 5).
Animation Delay		Select the delay time after the animation starts(0 - 5).
Offset of Animation		Controls when the animation should start.
Dynamic Display		Show or hide this element dynamically based on real-time cart and wishlist state. Changes apply immediately without a page reload. NOTE: Server cache can interfere with initial visibility.