XF 2.1 Иконка вместо текста в префиксах

[MrRobot]

Как можно сделать вместо префикса иконку, чтобы текст не отображался?

 

[HAIM]

text-indent: -9999px; для основого класса префикса, иконку в :before. Может сработать, сам не тестил

 

[MrRobot]

text-indent: -9999px; для основого класса префикса, иконку в :before. Может сработать, сам не тестил

Иконка как и текст скрывается ?

 

[Mirovinger]

Как вариант, дальше сами.

.label.label--red {
    color: #fff;
    background: #e20000;
    border-color: #af0000;
    font-size: 0;
   
    &:before {
        content: "\f0e0";
        font-family: 'Font Awesome 5 Pro';
        font-size: 20px;
        padding: 0 10px;
    }
}

Просто черновой вариант.

 

[TechSide]

Можно добавить еще перед &:before {... замену цвета при наведении для крутости :)

&:hover {
        background: #949a9e;
        color: #fafafa;
    }