Icon List

The Icon List element 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

  • Text: Enter the list item’s text

  • Icon: Select the icon for the item

  • 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

  • Space Between: Control the space between list items

  • Alignment: Align the list left, right, or center

  • Divider: Turn the item divider lines on or off, if the Divider option is turned on, the following style options become available:

    • Style: Choose from Solid, Double, Dotted or Dashed

    • Weight: Set the thickness of the divider

    • Width: Control the width of the divider relative to the container

    • Color: Choose the divider’s color

• Icon

  • Color: Choose the icon’s color.

  • Hover: Choose the color of the icon’s hover state.

  • Size: Set the exact size of the icon.

• Text

  • Text Color: Choose the color of the text.

  • Hover: Choose the color of the text’s hover state.

  • Text Indent: Set the distance between the icon and the text.

  • Typography: Set the typography options for the text.