Icon List Widget

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.

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 to either add rel=nofollow to the link or to open the link in a new window.

Tip: Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon 


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

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