Icones font awesome bugou nos usuários.

Detalhes da questão

Endereço do fórum: http://pmdpr.forumeiros.com
Versão do fórum: ModernBB

Descrição

Boa tarde, estava atualizando os ícones para o Font Awesome 5, que no caso deu certo, mas os usuários não pegou e ficou um quadrado. Como pode ver nesta print: https://prntscr.com/s9b82w

Estou usando o seguinte  code na CSS.

Código:

a[style="color: #595959"].gensmall[href^="/g"]::before,
a[href^="/u"] span[style="color:#595959"]::before {
  content: "\f121";
  font-family: "Font Awesome 5 Free";
  padding-right: 3px;
}

Olá ThiagoM,

Tente colocar este código no lugar do atual.

Código:

div [style*="#595959"]::before {
font-family: "Font Awesome 5 Free";
content: "\f121";
margin-right: 3px;
font-size: 12px;
font-weigth: 1000;
}

Caso continue com problema, isso significa que o problema está na instalação dos ícones FontAwesome no fórum. Para saber como instalar corretamente, acesse este tutorial: https://ajuda.forumeiros.com/t103208-

Em seguida, retorne para nos dizer se surtiu efeito.
Chanp

Olá @ThiagoM.,

O código em cima possui um erro, basta remover o espaço entre a div e o [style, veja que o seu código usa uma versão diferente do FontAwesome, seguindo os passos do tópico em cima, altere a URL para:

Código:

<link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet" />

Atenciosamente,
pedxz.

19:30:54
Veja que o código em cima usa:

Código:

font-weigth: 1000;

e isso não existe, o corretor seria font-weight: 400; leia que font-weight pode ser usado: https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

Fiz as modificações e não surgiu efeito, os usuários ainda continua sem os ícones.
Lembrando que os grupos estão , são só os usuários mesmo.

Após eu remover o espaço entre div e [style o ícone sumiu.

Olá,

Em primeiro siga este tutorial para a instalação do Font Awesome https://ajuda.forumeiros.com/t103208-

Depois utilize este código:

Código:

div [style*="#595959"]::before {
  font-family: "Font Awesome 5 Free"; 
  content:'\f121;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

Pode atribuir icon por usuário também:

Código:

a[href="/u1"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}
 
a[href="/u1"]:before {
  font-family: "Font Awesome 5 Free";
  content: '\f007';
}

Para configurar basta alterar o ID do membro /u1 para o pretendido, já o ícone pode ser mudado basta pesquisar f007 e alterar para um da lista: https://fontawesome.com/icons

Atenciosamente,
Sleep

Opa, muito obrigado @Sleep

Eu apenas troquei o code do CSS:

Código:

div [style*="#595959"]::before {
  font-family: "Font Awesome 5 Free";
  content:'\f121;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

Quando o coloquei não funcionou, mas vi que estava faltando um

'

então após adicionar funcionou perfeitamente. O code abaixo de usuários não séria a minha idéia, pois queria para adicionar á todos do grupo.

Muito obrigado, pode fechar.