Icon List
The Icon List widget creates an easy-to-manage list of items, with each item highlighted by its own icon.
Content Tab
Icon List
- Layout: Configure the layout of your icon list.
- Items: This section allows you to add, reorder, and configure individual items in your icon list.
- For each item, you can set the following:
- Text: Enter the text for your list item.
- Icon: Choose an icon that will be displayed alongside the text.
- Link: Insert a URL that the list item will link to when clicked.
- For each item, you can set the following:
- Apply Link On: Select whether the link is applied to the 'Full Width' of the list item or just 'Inline' with the text.
Style Tab
List
- Space Between: Adjust the space between list items in pixels.
- Alignment: Set the alignment of the list items to left, center, or right.
- Divider: Toggle the divider on or off and configure its style, weight, width, and color.
Icon
- Color: Choose the color of the icons in your list.
- Size: Set the size of the icons in pixels.
- Gap: Adjust the gap between the icon and text in pixels.
- Horizontal Alignment: Align icons horizontally within the list item.
- Vertical Alignment: Align icons vertically within the list item.
- Adjust Vertical Position: Fine-tune the vertical position of the icons in pixels.
Text
- Typography: Configure the typography settings like font family, size, weight, transform, style, decoration, line-height, and letter spacing.
- Text Shadow: Add a shadow to the text and configure its properties.
- Color: Choose the color of the text in your list items.