Can anyone tell how to give an image to a bullet in ckeditor ?
I want to put the below content in ckeditor:
<ul class="features_li">
<li><i class="fa fa-check-square-o"></i>Help him</li>
<li><i class="fa fa-check-square-o"></i>Be careful of the danger</li>
<li><i class="fa fa-check-square-o"></i>The stunning</li>
</ul>
I want to put the content in ckeditor with image defined in the class.Can anyone help me on this ?
Check below example
ul,
li {
list-style: none;
padding: 0px;
margin: 0px;
}
ul li i {
margin-right: 10px;
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" />
<ul class="features_li">
<li><i class="fa fa-check-square-o"></i>Help him</li>
<li><i class="fa fa-check-square-o"></i>Be careful of the danger</li>
<li><i class="fa fa-check-square-o"></i>The stunning</li>
</ul>
</div>
In your code, fa fa-check-square-o
represents class of the font-awesome font. It permit to include images with adding some class.
See documentation here about adding these classes : https://fortawesome.github.io/Font-Awesome/icons/