Changing the style of bullet point list in SharePoint Text webpart

How do you turn a plain-looking SharePoint bullet point list like this:

and make it look like this:


  1. Go to the page where you have your bullet point list.
    NOTE: If you have several pages, this means you need to repeat these steps for each page

  2. Edit the page

  3. At the top of the page, insert a new app called “Embed Script or Code”

  4. Click the [Edit script] button

  5. Add the following code in the [Embed] window

ul {
  list-style: none !important;
  padding: 0;
li:before {
  content: "\f058"; /* FontAwesome Unicode for circle checkmark*/
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
  color: #ee0e42 !important; /* checkmark color */
  1. Change the highlighted color Hex to any color you like

  2. Click [Save] and publish the page.

  3. Repeat steps 1-7 for other pages where you might want to update this