Checklist Element
Last Update: October 20, 2024
The Checklist Element allows you to easily add beautifully styled checklists anywhere on your site. Choose any of the Font Awesome or Custom Icons, choose the size of icon and text, use circle backgrounds, control all colors, use our mobile visibility system and more! Read below for an overview of the Checklist Element, and watch the video for a visual overview.
How To Use The Checklist Element
The Checklist Element allows you to add stylish checklists anywhere in your content. To begin, simply add the Element to your desired Column.
There is both a Children tab, where you add the individual checklist items and a General Tab, where you set options that affect the list as a whole. You can create an icons list or a numbered list, and control the checklist icon color, whether the icon will be in a circle or not, the color of that circle, the size of the item (this affects the text and the icon), and options for divider lines, and their color.
With the child items, you can do this one at a time, or you can bulk-add your checklist items. Click the pencil icon to edit the existing item. The Child Item Options Panel appears. Note that you can override the global icon here, and below that is where you add the text for the individual checklist item. You can then duplicate existing, or create new checklist items by clicking on the Clone Item icon, or the + List Item button respectively.
Once you have completed adding your checklist items, click Save to save your page. Read below for a description of all element options.
Element Options
Note: The Default setting will use the global settings assigned for this element at Options > Avada Builder Elements > Checklist. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.