Checklist box with Icon in WordPress

This tutorial provides the steps to add beautiful checklist box with an icon in WordPress.

You can add different colors, icons as per choice.

Prerequisite:

1. Make sure You have font icons enabled. In this tutorial, we are using Dashicons but you can use any font icon like Ionicons and Fontawesome in WordPress.
2. Create a List of colors and Icons You want to use. Give them a name like...

For Colors (class and hex color)

• orange = #ffa500
• green = #38d39f
• red = #ff0000

For Icons (class and content value)

• bud = content: "\f451";
• star = content: "\f155";

Dashicons https://developer.wordpress.org/resource/dashicons/

STEP 1

The first step is to write a basic UL list. Here, what we have.