Icon List

The Icon List widget creates an easy-to-manage list of items, with each item highlighted by its own icon.

View Live Demo

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.
  • 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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.