Facebook Community

10Web Help Center

Hi, how can we help?

Articles in this section

See more

Social Icons

  • Updated
Follow

Link your social media profiles using the Social Icons widget in the 10Web Builder. 

1.png

The Content Tab

Social Icons

Click on Add Item to add a new item to the social media icon item list. Click on each item to edit it. Drag and drop the items to rearrange their order. 

2.png

Icon: Click on the icon box to insert a social media icon.

3.png

Link: Insert a link for the icon to redirect to. Click on the gear icon to customize link settings. 

4.png

Color: Choose from the official color or customize the colors of the icon by selecting custom. 

Shape: Choose the shape of the icon from rounded, square, or circle. 

Columns: Choose the number of columns.

Alignment: Set the alignment of the icons relative to the box. 

5.png

The Style Tab

Icon

Color: Choose official color or customize the icon colors as a collective by choosing custom. 

Size: Adjust the size of the icons. 

Padding: Adjust the padding. 

Spacing: Set the spacing between the icons. 

Rows Gap: Adjust the spacing between the rows. 

Border Type: Option to add a border to the icons. 

Border Width: When a border is chosen, adjust the thickness of the border. 

Color: When a border is chosen, customize the border color. 

Border Radius: Adjust the border radius for rounded corners.

Icon Hover

Hover Animation: Option to add an animation on hover. 

The Advanced Tab

In the advanced tab adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.

Next Up: Alert

Related articles