Using Font Awesome icons in Lists - ul, ol

I am trying to use font awesome icons to replace the cirlce/square in lists. Here is what I am using but it doesn’t work:

.page-id-2402 .widget ul {
	list-style-type: none;
	padding-left: 20px;
}

.page-id-2402 .widget ul li::before {
	color: #fff;
    content: \f004;
    float: left;
    font-family: "FontAwesome";

}

I am assuming that Font Awesome is already bundled in the theme, hence referring in css should be enough.

Here’s the link to page.

Resolved it.

Had to enqueue font-awesome files in functions.php and had to wrap all lists in DIVs to target them.

Hello Him,

It’s great that you resolved it! And thank you for sharing a solution.

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.