Стиль Индивидуальные списки в Wordpress

Question

Я не могу понять, как правильно это сделать. Я пытаюсь добавить значок FontAwesome в качестве стиля маркера списка в конкретный текстовый виджет в Wordpress. Вот CSS:

.covenant li { 
counter-increment: my-awesome-counter; 
margin: 0.25rem; 
} 

.covenant li:before { 
font-family: 'FontAwesome'; 
content: '\f005'; 
margin:0 5px 0 -15px; 
} 

и вот HTML

<ul> 
<li class="covenant">Text</li> 
<li class="covenant">Text</li> 
<li class="covenant">Text</li> 
<li class="covenant">Text</li> 
</ul> 

Не могу понять, что я не хватает!

Answer 1

.covenant { 
    counter-increment: my-awesome-counter; 
    margin: 0.25rem; 
} 

.covenant:before { 
    font-family: 'FontAwesome'; 
    content: '\f005'; 
    margin:0 5px 0 -15px; 
} 

Answer 2

Вы ориентируетесь HTML неправильно в вашем CSS, она должна быть:

ul { 
    list-style: none; 
} 

ul li.covenant { 
    counter-increment: my-awesome-counter; 
    margin: 0.25rem; 
} 

li.covenant:before { 
    font-family: 'FontAwesome'; 
    content: '\f005'; 
    margin:0 5px 0 -15px; 
} 

.covenant класс присваивается литий, который вы пытаетесь цели.

Вот рабочая скрипку: https://jsfiddle.net/c2ohp3y2/