Skip to content

Checkmark List

The Checkmark List module shows a list where every item carries a positive or negative icon. By default a positive item gets a green check and a negative item gets a red cross. Use it for feature lists, task lists, benefits, specifications and to-do lists.

Add and edit items

  1. Open the module settings and go to the Content tab.
  2. Use the add item control to add a Checkmark List Item.
  3. Open the item settings. In the Item group, enter the Text for the item.
  4. Set Type to Positive or Negative. Positive is the default.

Repeat for each row. To change an existing item, open its settings and edit Text or Type.

Set the icons

Go to the Design tab and open the Icons group.

  • Positive Icon and Negative Icon: Choose the icon used for each type.
  • Positive Icon Color and Negative Icon Color: Set the color for each type. Defaults are green for positive and red for negative.
  • Icon Size: Default is 16px.
  • Icon Area Width and Icon Area Height: The size of the icon box. Default is 40px each.
  • Icon Background: Turns the box behind the icon on or off. On by default. When it is on, the positive and negative colors fill the box and the icon is white unless you set Icon Color. When it is off, the positive and negative colors color the icon itself.
  • Icon Background Color: One box color for both types. When the background is on and this is set, it replaces the positive and negative fill colors.
  • Icon Area Radius: The corner radius of the icon box.

Design the list

In the Design tab:

  • List: Spacing Between Items sets the gap between rows. Default is 10px.
  • List Text: Font styling for the item text across the whole list.
  • Each item also has a Text group in its own Design tab for one-off changes.