Detalhes da questão

Endereço do fórum: http://pcmlet.forumeiros.com
Versão do fórum: AwesomeBB

Descrição

Eu gostaria de acrescentar ícones fontAwesome nos tópcios dos tópicos, portanto, estou com dúvidas de como realizar tal feito.

Olá!

Isso é possível, mas possivelmente dará bastante trabalho pois essa fonte tem centenas de ícones - a não ser que escolha apenas alguns.

Podemos utilizar este código e alterar a desejo com recurso a CSS: https://ajuda.forumeiros.com/t110573-tutorial-tags-nos-topicos

O que acha?

Hancki

Olá, @Hancki
Creio que devo ter explicado de forma errônea, os ícones que eu gostaria iria ficar semelhante a isto:
https://prnt.sc/1eut90p

E sim, irei escolher apenas alguns ícones não irei escolher diversos ícones por conta da fontAwesome ser bastante extensa.

No Painel administrativo Geral Fórum Categorias e fóruns na descrição do fórum que deseja adicione o ícone FontAwesome que você preferir

Adicione na folha de estilo CSS:

Código:

.forum-description p i, .forum-description p em {
    position: absolute;
    left: -50px;
    top: 5px;
    background-color: #B2B2B2;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 40px;
    width: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
}

Opa, o ícone fico bom, todavia, não ficou centralizado com o nome do tópico segue a imagem:
https://prnt.sc/1excqwo

Mude o código para esse:

Código:

.forum-description p i, .forum-description p em {
    position: absolute;
    left: -50px;
    top: -10px;
    background-color: #B2B2B2;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 40px;
    width: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.forum-icon {
    display: none;
}

Em questão dos ícones está tudo ok, porém, não sei se é impressão minha ou os tópicos abaixou um pouco e acabou desalinhado.

https://prnt.sc/1ey041t

É uma impressão sua. Repare na linha azul que demarquei no seu print e no print de um fórum meu, ambas estão alinhadas

Ah, de fato. Muito obrigado, a questão foi resolvida!