Social accounts
shortcode

Let the users find you in social networks. Allows you to display your social profiles on your site with hover animation.
Read documentation
Usage frequency
69%
Preset amount
73%
Customizability
91%

Available options

Default code: [dfd_social_accounts dfd_social_networks main_style="style-1" icon_margin="15"]

Style – Choose between 8 preset styles;

Icon alignment – Set the horizontal alignment for the social icons;

Animation – Select among 14 appear effects;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Social networks – Allows you to choose the social network to show and add the link to your account;

Icon style – Allows you to set the icon size, color and background;

Border radius – Set the border radius for the social icons;

Space between icons – Allows you to add custom space between the social icons;

Border – This option allows you to enable and customize the border for the social icon;

Customizable hover colors – This option allows you to enable the settings for the custom hover colors and change them;

Colored icon – Allows you to enable the colored social icons. The color of the icon depends on social network color.

Default styles

Samples of preset styles without custom changes
sliding icons style
sliding background style
fade style
appear out style
general shadow style
round to square style
animated cube style
long shadow style

Customized styles

Some variations of style customizations of the shortcode
Colored icons
with border radius
with border
with border
custom hover
custom border