How to make font awesome checklists

Adding checklists or bullet points to your blog posts and landing pages is a great way to engage your visitors and keep them on your page longer.

Socrates comes with font awesome installed and the Socrates Toolkit plugin has font awesome icon shortcodes built in.  You can use any kind of bullet icon.

Watch Video – Shows how to insert icons using our plugin.

I’d thought I’d give a few shortcode examples you can use in your posts and pages.  Just copy and paste this code into a post (text mode preferred)

Simple Checklist Demo

Checklist 1
Checklist 2
Checklist 3
Checklist 4

The Code For It


[icon type='fa fa-check'][/icon] Checklist 1
[icon type='fa fa-check'][/icon] Checklist 2
[icon type='fa fa-check'][/icon] Checklist 3
[icon type='fa fa-check'][/icon] Checklist 4

 

Simple Checklist At 2X Demo

Checklist 1
Checklist 2
Checklist 3
Checklist 4

The Code For It  (use text mode, it has span html)

<span class="fa-2x">
[icon type='fa fa-check'][/icon] Checklist 1
[icon type='fa fa-check'][/icon] Checklist 2
[icon type='fa fa-check'][/icon] Checklist 3
[icon type='fa fa-check'][/icon] Checklist 4
</span>
Previous Post

How To Add a Red Notification Dot To A WordPress Menu

Next Post

How to set up the Masonry Template

Leave a Reply

Your email address will not be published. Required fields are marked *