Ikonka kłódki przed nazwą subforum w Invision Community

[Robert Kiszuk]

czesc, mam problem stworzylem 2 subfora z ikonami przed nazwa w Invision Community za pomoca ::before wszystko dziala lecz na stronie glownej forum nie wyswietla owych ikon
w jaki sposob moge to naprawic?

link: infectia.pl

.css

/* Opiekun Serwera */
[data-forumid="21"]>div.ipsDataItem_main>.ipsDataItem_title>a::before {
    font: normal 11px FontAwesome;
    content: "\f09c";
    color: rgb(88, 185, 71);
    margin-right: 5px;
}

/* Multi Admin */
[data-forumid="22"]>div.ipsDataItem_main>.ipsDataItem_title>a::before {
    font: normal 11px FontAwesome;
    content: "\f023";
    color: rgb(255, 51, 51);
    margin-right: 5px;
}

[aXenDev]

Na stronie głównej to są subfora, nie główne działy jak to masz w kodzie CSS.

[Robert Kiszuk]

dzieki za wskazowke lecz teraz mam troszke inny problem, pod ikona klodki ukrywa sie szary kwadracik widoczny w subforach u gory jakis pomysl?
probowalem za pomoca margin-left ale kwadracik jest przyczepiony do ::before

[SeNioR]

Najlepszą opcją jest zostawienie dwóch ikonek, a tą kłódkę przesunąć aby tylko nie nachodziła na ikonkę subfor. Ukrycie ikonek subfor nie wchodzi w grę bo, ukryjesz też swoją kłódkę.

Możesz zamiast ::before użyć :;after wtedy ikona będzie po drugiej stronie za tekstem.