FA Icons with Lists

[piexec]

how can I edit this CSS to use “fa fa-thumbs-down” as a bullet instead of the “+” symbol?

.check ul {
list-style-type: none;

	text-align:left;

}

.check li:before {
content: ‘+’;
padding: 0px 10px 10px 0px;
font-size: 18px;
font-weight: 900;
color: #f8981c;

}

.check ul li {
padding-left:8px;
list-style:none;
margin-bottom:6px;
text-align: left;
text-indent: -20px;
}

Thanks in advance!

[nabeel]

Hi there,

Thanks for writing around! Try replacing this part:

.check li:before {
content: '+';
padding: 0px 10px 10px 0px;
font-size: 18px;
font-weight: 900;
color: #f8981c;

}

With the following code:

.check li:before {
  content: '\f165';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding: 0px 10px 10px 0px;
  font-size: 18px;
  font-weight: 900;
  color: #f8981c;
}

Hope this helps!