Fonts Awesome jako ikony kategorii

Założony przez  Wąski TDW.

Witajcie!
Mój problem polega na tym, że ni cholery nie mogę ustawić ikony z fonts awesome w belce nad kategorią. Chciałem je dodać w miejsca zaznaczone na zrzucie http://screenshot.sh/m2gBPFdIiSpHl. Próbowałem edytować to w css, ale nic nie wychodziło, a owe pole pozostawało w tym samym kolorze.
CSS wygląda tak:
.thead-icon {
   margin-top: -5px;
   margin-right: 10px;
   margin-bottom: -26px;
   width: 35px;
   height: 35px;
   border-radius: 10px;
   float: left;
   background: #0d2d3f;
   line-height: 35px;
   text-align: center;
   box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.50);
   font-size: 19px;
color: #eee;
}

Czy mam dodać FA w miejsce background, czy zupełnie gdzie indziej? Jeżeli tak, to gdzie i jakim kodem?
Pół dnia próbuję to rozgryźć na własną rękę, ale w końcu się poddałem. Liczę na pomoc bardziej doświadczonych ludzi.

@Divir dzięki, jesteś pan wielki. Jednakże klikając na "oznacz - najlepsza odpowiedź" oraz "dodaj punkt reputacji" nic się nie dzieje.
Dodaj ją w pseudoklasie.

Przykład:


.thead-icon:before {
content: '\f004';
font-family: FontAwesome;
font-style: normal; /* zresetuj dla pewności */
font-weight: normal; /* zresetuj dla pewności */
}
Z tym, że jeśli chcesz dodać do każdego działu inną ikonkę, to będziesz musiał nadać im unikalne id. Bodajże w dziale z poradnikami jest temat jak to wykonać.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

1 gości