Ícones na frente dos grupos

Detalhes da questão

Endereço do fórum: https://forumgip.forumeiros.com
Versão do fórum: phpBB3

Descrição

Olá,

Senhores, preciso fazer com que meus grupos fiquem personalizados!
À principio ele está assim:


Mas quero ele assim:


Porém, não tenho noção mínima de como fazer, haha.
Podem me ajudar?

Aguardo retorno.

Saudações,

Coloque o código a seguir:

div [style*="#cor do grupo"]::before {
 font-family: "Font Awesome 5 Free";  
 content:'\fcódigo';
 margin-right: 3px;
 font-weight: 1000;
 font-size: 12px;
}

Instruções:

cor do grupo = código hexadecimal da cor respectiva, por exemplo #FFFFFF
código = o código que aparecerá juntamente /f"xxx", pode procurar nesse site https://fontawesome.com/icons
lembrando que deve ser um icon free.

bem como deve ter seguido o tutorial abaixo:
https://ajuda.forumeiros.com/t103208-

Código:

div [style*="#cor do grupo"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\fcódigo';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}


Atenciosamente,
Chagas

Mas eu colo esse código aonde?

E tipo, se eu quiser ele colorido, tipo um arco-íris, qual o código da cor?

Saudações,

Cole o código em Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS CSS

Por lá, insira o código no início da folha de estilo CSS. Em relação ao efeito rainbow, procure no fórum por essas questões semelhantes ou crie um tópico, já que só é permitido uma por tópico.

Atenciosamente,
Chagas