How To Use A Social Icon Widget Of UBE Addons
Using social icons on your website is quite essential. It helps grow your brand reputation and build a vibrant community. Our social icons widget makes it super easy to add social icons to your website
Using Social Icons:
You can see the below video to get an insight into how you can use the Social Icons Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.
How to Activate Social Icon
To use this UBE Addons element, find the ‘Social Icons‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘UBE Social Icons‘ into the ‘Drag widget here‘ or the ‘+’ section.
How to Configure Content Settings
Under the ‘Content’ tab, you will find the Social Icons sections.
|Shape||Select the shape of the icon|
|Use Outline||Whether to use outline or not|
|Text Color||Choose an available color|
|Background Color||Choose the available background color|
|Size||Choose an available size|
|Use Tooltip||Whether to use tooltip or not|
|Position||Select the position of the tooltip|
You can add any social icon you want by clicking the “+ Add Item” button, each item includes:
|Link||Enter the link for the icon|
|Custom Text||Enter the text you want the icon to display on the tooltip, if not, the text will be taken from the icon|
|Text Color||Choose the color of the icon|
|Background Color||Choose the background color of the icon|
|Alignment||Choose alignment for all icons|
How to Style Social Icons
Switch to the ‘Style’ tab to style all the elements of Social Icons.
‘Icon’ section lets you add Size, Width, Spacing, Border Radius; Text Color, Background Color, Border Type in normal and hover mode to the icon of Social Icons.
By following these mentioned steps and a bit more modifying & styling, you can easily design your Social Icons as per your preference.
By using UBE Social Icons, this is how you can easily put the spotlight on your significant contents & make them appealing to your visitors.
Getting stuck? Feel to Contact Our Support for further assistance.