Level up social sharing of your pages and posts with the 10Web Share Buttons premium widget.

The Content Tab

Share Buttons 

Add Item: Click the button to add a social media share button. 

Choose the Network you want to add from the Network drop down menu.

Click the Copy button to copy the share button, and the X button to delete it.

View: Choose how to display the button, Icon & Text, Icon, or Text. 

Skin: Choose the general design of the button. 

Shape: Choose the shape of the button. 

Columns: Choose in how many columns the buttons will be laid out. One through six or Auto. 

Alignment: Align the buttons in the widget box to left, center, right, or justify. Note: The alignment is active only when columns are set to Auto. 

Target URL: Insert the URL you want the button to share (Current page or Custom). 

The Style Tab

Share Buttons 

Column Gap: Adjust the horizontal spacing between the buttons. 

Row Gap: Adjust the vertical spacing between the buttons. 

Button Size: Customize the size of the buttons. 

Icon Size: Customize the size of the icons. 

Button Height: Customize the height of the buttons. 

Color: Use the official color or use custom color for the buttons. 

Custom Color

Note: Custom color mode, will make the colors of all buttons, icons, and hover colors the same for all items in the same widget box. 

Primary Color: Customize the color of the button. 

Secondary Color: Customize the color of the icon and text.

Typography: Customize all typography settings of button text. 

Primary Color on Hover: Customize the color of the button on hover. 

Secondary Color on Hover: Customize the color of the icon and text 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: The Login Widget