The DiviFlash Social Share module enables you to easily add social sharing buttons to your website. This allows your visitors to share your content on various social media platforms, such as Facebook, Twitter, LinkedIn, and more.
Content
Add New Social Share Item
To add a new social share item, you need to click on the plus (+) icon labeled “Add New Social Share Item.” Doing this will take you to the “Social Share Item Settings, where you can add social share items and customize them.
To know more about adding social shares and customizing them, click here.
General
- View: Choose what items you want to display as the social share items. You can choose only the icon, only the text, or both the icon and text.
- Columns: Decide how many columns you want to display the social share items.
- Link Target: Choose if the social media links will open in a new tab or in the same tab.
- Add Header: Enable this option to display heading text for the social share items.
- Hover Animation: Choose a hover animation for the social share items.
Header
This section will appear if you toggle on “Add Header.” You can add the heading title, subtitle and an icon to the header.
Background
Add a background color, gradient, image, and more to the module.
Admin Label
Change the module name or label if required which will only be visible to you.
Design
Settings
Adjust the gap between each row and column. Also, set a height for the social share buttons.
Alignment
- Content Alignment: Change the horizontal placement of the social share buttons respective to their container.
- Child Content Alignment: Change the horizontal placement of the social share button content within the button container.
Icon/Image
Color, size, alignment, and border options for the social share icons or images.
Label
Typography options for the social share button labels.
Label Container
Background and border options for the social share label containers.
Header
- Icon: Color, size, and alignment options for the header icons.
- Title: Typography options for the header title.
- Sub Title: Typography options for the header subtitle.
Header Container
- Item Gap: Adjust the gap between the items in the header container (title, subtitle, icon).
Rest of the options are for alignment, background, and border of the header container.
Share Button
Border options for the social share buttons.
Sizing
Adjust the width, height, and alignment of the entire module.
Spacing
Add custom margin and padding to the entire module’s container.
Border
Border customization options for the whole module’s container. You have the option to style each border individually or all the borders together.
Box Shadow
Add a shadow effect to the entire module.
Animation
Apply a reveal animation effect to the module and customize the delay, duration, repeat, etc. of the animation.
Advanced
The default tab for all Divi modules to add custom CSS code, conditions, visibilities, etc.
Social Share Item Settings
From here you can add and customize social share buttons. Keep in mind that the settings you apply here will override the settings applied in “Social Share Settings.”
Content
Content
- Social Network: Choose the social network you want to use.
- Use Custom Image Icon: Enable this option to use a custom image as the social media icon. Also, you can input a custom label for it.
Background
Add a background color, gradient, image, and more to the social share item.
Admin Label
Change the module name or label if required which will only be visible to you.
Design
The sections in this tab offers the same functionalities as their counterparts in “Social Share Settings.”
Advanced
The default tab for all Divi modules to add custom CSS code, conditions, visibilities, etc.
Do You Still Have Questions?
If you still have questions, then contact our support team at support@diviflash.com
