The Social Icons widget simplifies the process of linking your social media profiles on your website. It displays icons for various social media platforms making it easier for visitors to follow you and stay updated on your content.
Adding Social Icons widget
- Drag the Social Icons widget to your canvas.
- Under the "Social Icons" section in the Content tab, click on "+ Add Item" to include a new social media icon. You can modify any default item by simply clicking on it. When you add an icon, you'll see options to customize it:
- Icon: Choose from the Icon Library or upload your own SVG file. Options include platforms like Facebook, Twitter, LinkedIn, Instagram, etc.
- Link: Enter the URLs for your social media profiles. You can input these links manually or select them dynamically through the Dynamic Content feature.
- Color: Select the default color associated with each platform or choose a custom color. If custom, you can specify both primary and secondary colors.
Repeat the customization process for each icon you want to add. Choose the desired icon shape—Rounded, Square, or Circle—in the Shape field. In the Columns field, determine how many columns (from Auto to 1 to 6) you need. In the Alignment field, adjust the icon alignment to Left, Center, or Right.
Settings
You can enhance your widgets using the options under the style, and advanced tabs to suit your preferences. These settings provide extensive customization capabilities.
Style
- Color: Select from the official icon colors or opt for a custom color, specifying both primary and secondary colors for all icons.
- Size: Modify the size of the icon to fit your design.
- Padding: Control the inner spacing of each icon.
- Spacing: Set the distance between each icon.
- Rows Gap: Adjust the gap between rows to ensure visual coherence.
- Border Customization: Choose a border type, define its width, and select a color. Additionally, you can round the corners by setting the border radius if a border is applied.
Icon hover
- Hover Animation: Enable an animation effect that activates when the mouse hovers over the social icon.
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.