Icon List
How To Use An Icon List Widget Of UBE Addons
Icon List creates an easy to manage list of items with lots of customization options. You can choose from a lot of icon types: Font Awesome icon library, circle shape, square shape, roman, alpha, number….
Using Icon List:
You can see the below video to get an insight into how you can use the Icon List Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.
How to Activate Icon List
To use this UBE Addons element, find the ‘List Icon‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Icon List‘ into the ‘Drag widget here‘ or the ‘+’ section.
How to Configure Content Settings
Under the ‘Content’ tab, you will find the Icon List sections.
Content Settings
| Layout | Select the list layout including vertical and horizontal |
|---|---|
| Style | Choose the style for the list’s icon to be an icon or a list style |
| Icon | Select the icon of the list. This control is displayed only in case the Style is a list icon |
| Type | Select the style of the list. This control is displayed only in case the Style is a list style |
| Scheme | Select the color of the list icon. The color is taken according to the available color of bootstrap |
| Size | Select the available size of the icon |
You can add the number of items of the list you want by clicking the Add Item button. Each item of the icon list includes.
| Text | Enter the text of the item |
|---|---|
| Link | Enter the item’s link |
| Icon | Enter the item’s own icon |
How to Style Icon List
Switch to the ‘Style’ tab to style all the elements of Icon List.
List
‘List’ section lets you add Space Between , Alignment , Text Color and Typography in hover and normal mode to the icon list.
Icon
‘Icon’ section lets you add Color in hover and normal mode, Icon Size, Padding to the icon.
Divider
‘Divider’ section lets you add Style, Weight, Width, Color to the divider of list icon.
Final Outcome
By following these mentioned steps and a bit more modifying & styling, you can easily design your Icon List as per your preference.
By using UBE Icon List, 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.