help center

On this page

Icon List widget

Last Update: August 17, 2023

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


Content Tab

Layout

Choose Default or Inline. Default displays items in a vertical list, while Inline displays items horizontally.

vertical horizontal Icon List widget 1

Items

  1. Text: Enter the list item’s text
  2. Icon: Select the icon for the item
  3. Link: Enter the URL for the item’s link. Click the Link Options cog cog Icon List widget 3 to either add rel=nofollow to the link or to open the link in a new window.

Note: Both the text and the link of the Icon List items can be generated dynamically by clicking the Dynamic icon next to each, and choosing the source of the data.

Tip: Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon dupdel Icon List widget 5


Style

List

  1. Space Between: Control the space between list items
  2. Alignment: Align the list left, right, or center
  3. Divider: Turn the item divider lines on or off

If the Divider option is turned on, the following style options become available:

  1. Style: Choose from Solid,Double, Dotted or Dashed
  2. Weight: Set the thickness of the divider
  3. Width: Control the width of the divider relative to the container
  4. Color: Choose the divider’s color

Icon

  1. Color: Choose the icon’s color
  2. Hover: Choose the color of the icon’s hover state
  3. Size: Set the exact size of the icon
  4. Alignment: Align the icon left, right, or center

Text

  1. Text Color: Choose the color of the text
  2. Hover: Choose the color of the text’s hover state
  3. Text Indent: Set the distance between the icon and the text
  4. Typography: Set the typography options for the text

Advanced

Set the Advanced options that are applicable to this widget

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article