Please scroll to bottom and click "Try this" to see preview of builder setting.

Front-end Builder Elements

Building Professional Sites With Ease

Checklist

The Checklist element allows you to easily add beautifully styled lists anywhere to your site. Choose any of the Font Awesome icons, choose the size of icon and text, use circle backgrounds, control all colors, use our mobile visibility system and more!

20+ Default list

  • Lorem ipsum dolor sit amet elit
  • Lorem ipsum dolor sit amet elit
  • Lorem ipsum dolor sit amet elit
  • Lorem ipsum dolor sit amet elit
  • Lorem ipsum dolor sit amet hendrerit
  • Lorem ipsum dolor sit amet hendrerit
  • Lorem ipsum dolor sit amet hendrerit
  • Lorem ipsum dolor sit amet hendrerit
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre

Checklist with font awesome icon

  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre
  • Lorem ipsum dolor sit amet hendre

Builder Setting Try this

  • List type: type of checklist (ul, ol)
  • Font size: font size of text
  • Color: color of text
  • Margin bottom: margin bottom between two items
  • Font bold: set font bold for text
  • Font italic: set font italic for text
  • Icon font class: icon font class, you can choose default awesome font or input your font class
  • Color: color of icon
  • Icon font size: font size of icon
  • Margin right: margin between icon and text
Copyright © 2013-present Magento, Inc. All rights reserved.