Create a list with text and icons using the Icon List in the 10Web Builder.
The Content Tab
Layout: Choose the layout of the list from default or inline.
Items: Click on each item to customize its settings. To add an item click on Add Item.
Text: Customize the text of the item.
Icon: Click on the box to choose an icon from the library.
Link: Set a link to the item. Click on the gear icon to customize link settings.
Apply Link On: Choose to apply the link on full width or inline.
The Style Tab
Space Between: Adjust the space between the items.
Alignment: Set the alignment of the items to left, center, or right.
Divider: Set the toggle to On to add dividers between the items.
Style: Choose the style of the divider.
Weight: Adjust the thickness of the divider.
Width: Adjust the width of the divider.
Color: Customize the color of the divider.
Color: Customize the color of the icons.
Hover: Customize the color of the icons on hover.
Size: Adjust the size of the icons.
Alignment: Align the icons to the left, cent, or right relative to the text.
Text Color: Adjust the color of the icon text.
Hover: Adjust the color of the icon text on hover.
Text Indent: Set the space between the text and the icon.
Typography: Customize the typographical settings of the text.
The Advanced Tab
In the advanced tab adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.
Next Up: Counter