Social Links element allows you to add social icons to any page for sharing the content on that page. One can add any number of social links with this element and style it as per choice.
The element has three different tabs Basic, Social Profiles and Style Options under the General tab.
In Basic we have the following options:
- Admin Label- Give the element a name of your choice.
In Social Profiles we have the following options:
- Social Icons: Add any number or social profiles by clicking on the Add Item button. This will open you to the option of adding Title, Icon and Link to the profile.
In Style Options we have the following options:
- Alignment: Set the alignment of the social profiles to Left, Center or Right.
- Display: Choose how you want to display Both(icon & title), Only icon or Only title.
- Icon Position: If you choose Both in display then choose where you want to position the icon Left, Right, Top or Bottom.
- Inner Padding: Choose how much space you want between the content and the box inside the box.
- Colors: Decide whether you want to show the social icons in there brand colors or customize them.
- Brand Colors: Choosing this will display the social profiles in their brand colors. You can also invert the colors if you choose Inverted colors.
-
- Custom Colors: Customize the social profiles to the color of your choice.
- Background Hover Colors: Set the hover colors to the social profiles.
- Icon Size: Set the size of icon in pixels by sliding its value.
- Text Size: Set the size of text in pixels by sliding its value. This option is only available if you choose Both for display.
- Space Between: Set the amount of space between two different social profile icons.
- Border Style: Select the border type for the social icon among None, Solid, Double, Dotted or Dashed. By default its set to None.
- Border Width: After choosing the border type set the width of the border.
- Border Radius: Border radius will give your social icons rounded corners.
- Box Shadow: Add background shadow to the profiles.
- Hover Animation: Choose the animation on hover over the social profiles.
