The Share Buttons widget in 10Web Builder allows you to add share buttons to any WordPress page or post. With this widget, you have complete control over the design and style of your share buttons, making it easy to match them with your website's look and feel.
Adding Share Buttons widget
- Drag and drop the Share Buttons widget to your canvas.
- Click Add Item to add a social network to the Share Buttons widget.
Content tab
- Network: Under the Network dropdown, choose a social network.
- Custom Label: Enter a custom label in the Custom Label field or if needed.
- View: Icon & Text, Icon Only, or Text Only.
- Skin: Select the Skin for your social buttons.
- Shape: Choose the shape of your social buttons.
- Columns: Set the number of columns for your buttons.
- Alignment: Align the social buttons using the Alignment option.
-
Target URL: Set the Target URL to either the current page or a custom URL.
If you choose a custom URL, make sure to enter a valid URL.
Style tab
- Columns Gap: Adjust the columns gap to set the space between each button’s column.
- Row Gap: Adjust the row gap to set the space between each row of buttons
- Button Size: Set the button size to adjust the overall size of the buttons.
- Icon Size: Set the icon size to adjust the size of the icons.
- Button Height: Set the button height to adjust the height of the buttons.
- Choose the button colors:
Use the Official button color combination or specify a custom color combination.
Set the Primary Color for the button background and the Secondary Color for the button text.
Customize colors for both the Normal and Hover states. - Configure the typography options for the button text.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.