In this guide, we’ll show you how to add the “Square to Circle Social Icons Buttons widget” to your Elementor website. This widget transforms square social media icons into circles on hover, creating a sleek and modern interactive effect. Ideal for enhancing the visual appeal of your social media links, the Square to Circle effect adds a smooth transition that boosts user engagement and creates a stylish, dynamic experience. With customizable options for icon size, spacing, and colors, this widget helps your social icons stand out while maintaining a clean, professional look.
Let’s explore the customization features of the “Square to Circle Social Icons Buttons widget” for Elementor below.
Add a Free Square to Circle Social Icons to Elementor
Add a Free Square to Circle Social Icons Widget to an Elementor Page
Elementor Square to Circle Social Icons Widget General Settings
Title
Set the internal title for this item.
Icon
Select the visual icon to display.
Icon Text
Set the text to be displayed alongside or within the icon.
Background Color
Set the background color for this specific item.
Link
Set the URL that this item will navigate to when clicked. Includes options for additional settings and dynamic data.
Add Item
Add more new items to the widget.
Elementor Square to Circle Social Icons Widget Style Settings
Enable Styles
Toggle to activate or deactivate custom styling for the icon text.
Typography
Control the font, size, weight, line height, and other typography settings for the icon text.
Color
Set the color of the icon text.
Custom Styles
Provide a text area to add custom CSS styles for advanced customization.
Thank you for using the Square to Circle Social Icons Buttons widget for Elementor! This widget transforms square social media icons into circles on hover, adding a sleek and modern interactive effect to your website. It’s perfect for making your social links more visually engaging and enhancing user interaction with a smooth hover transition. With customizable options for icon size, spacing, and colors, you can easily match the design to your site’s aesthetic. If you need assistance or have any questions, feel free to reach out to us. For live previews and inspiration, don’t forget to check out the demo on our website.