Loading...
Checklist2018-04-04T11:52:38+00:00

Checklist Element

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!

  • Maecenas tincidunt luctus velit
  • Maecenas tincidunt luctus velit
  • Maecenas tincidunt luctus velit
  • Vivamus elementum neque auctor
  • Vivamus elementum neque auctor
  • Vivamus elementum neque auctor
  • Phasellus congue massa diam
  • Phasellus congue massa diam
  • Phasellus congue massa diam

Use Them With or Without Circles

Each Checklist instance can utilize a circle background which puts the icon directly on top. Control both the circle and icon color easily through color pickers.

  • Sed efficitur dolor nec bibendum cursus magna risus
  • Sed efficitur dolor nec bibendum cursus magna risus
  • Sed efficitur dolor nec bibendum cursus magna risus
  • Sed efficitur dolor nec bibendum cursus magna risus
  • Sed efficitur dolor nec bibendum cursus magna risus
  • Sed efficitur dolor nec bibendum cursus magna risus

Size Control

Each Checklist instance can also be controlled in size down to the exact pixel with typography settings like line-height automatically adjusting for a clean design.

  • Proin nons molestie lacus

  • Proin nons molestie lacus

  • Proin nons molestie lacus

  • Morbi mollis est pelintesque nulla

  • Morbi mollis est pelintesque nulla

  • Morbi mollis est pelintesque nulla

  • Morbi mollis est pelintesque nulla

  • Etiam pellentesque urna risus quis hendrerit
  • Etiam pellentesque urna risus quis hendrerit
  • Etiam pellentesque urna risus quis hendrerit
  • Etiam pellentesque urna risus quis hendrerit
  • Etiam pellentesque urna risus quis hendrerit

Font Awesome Icons

Choose to use the same Font Awesome icon for the entire list, or utilize a different Font Awesome icon for each list item in the set.

  • Phasellis massa diam

  • Phasellis massa diam

  • Phasellis massa diam

  • Macenas tinci luctus velit

  • Macenas tinci luctus velit

  • Macenas tinci luctus velit

  • Vivamus elemtum neque

  • Vivamus elemtum neque

  • Vivamus elemtum neque

  • Curabitur sit amet mauris

  • Suspendisse faucibus ante

  • Fusce dictum nisi sed

Mobile Visibility Settings

Our mobile visibility system gives you full control over what displays based on 3 customizable screen sizes. Every Fusion Builder Element has these settings and they allow you to show or hide elements on various screen sizes. In addition, you can choose what those screen sizes are! This gives you maximum control to set the exact point when an element should show or hide. Resize the page to see the elements appear or disappear based on what we set.

Only Show on Desktop

Only Show on Tablet

Only Show on Mobile

Complete Set of Options

Every option and description included with the Checklist element is listed below.

  • icon – A font awesome icon value. For example, fa-glass.
  • iconcolor – Accepts a hexcode ( #000000 ). Sets the icon’s color for all list items. Leave blank for Theme Option selection.
  • circle – Can be one of these values: default, yes, or no. Sets if the icon is circular or not. Choose default for Theme Option selection.
  • circlecolor – Accepts a hexcode ( #000000 ). Sets the icon’s background color for all list items. Leave blank for Theme Option selection.
  • size – Accepts a pixel value that sets the item’s size. For example, 5px.
  • element visibility – Choose to show or hide the element on small, medium or large screens. Show them on all, or just some, givine you full control over all screen sizes. Each screen size also has a custom width setting in Fusion Theme Options.

  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.

  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Join The 450,000+ Satisfied Avada Users!

BUY AVADA NOW!

Sliding Bar Section For Widgets

This is the sliding section that can be enabled or disabled on any demo. You can insert anywhere from 1-6 columns along with any widget that comes with Avada, WordPress or additional 3rd party plugins. It's perfect for placing additional information on your site.

Recent Works

Contact Info

12345 North Street, New York City, NY 555555

Phone: 1-800-555-5555

Mobile: 1-234-567-8910

Fax: 1-234-879-5641

Web: http://yourwebsite.com