Social Icons

< All Topics

Using social icons on your website is quite essential. It helps grow your brand reputation and build a vibrant community. Our social icons widget makes it super easy to add social icons to your website.

Pro tip
Always place social icons on your website where they are more visible, Some place them in footer which is fine, but we suggest placing it over at the top of your website.

How to use the Social Icon Widget of The Plus Addons For Elementor

The Social Icon widget comes with 15 different styles using which you can add Social Icons to your websites. It is an easy to use widget and takes minutes to setup.

Table Of Contents

General Steps

Search for the Social Icon element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Audio Player widget. First, click on the Content tab.

1. Content

Content

Social Icon style for the Social Icon widget.

Style

Select your preferred style for Social Icons. We offer 15 different styles to choose from. You can also create your custom style.

Social Network Select

Select and edit one social icon at a time. Based on the number of social icons you want, start adding using the Add Item button. Add a link and title to the icon. Set your icon colors and animation options as required.

Alignment

Select the alignment from either left, right and center.

2. Style

The Style tab is used for customizing the appearance of all the Social Icon widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options

Social Icon style for the Social Icon widget.

Style

Use this option to set the Icons between gap and Icon Font size here.

Icons Between Gap

Set the gap between the icons here.

Icons Font Size

Set the icon font size here.

Border Radius

Set the border radius of your icons here.

Typography

Set the social icon font settings here.

On Scroll View Animation

On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.

View On Scroll View Animation Tutorial

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?