Olá,
Sou eu de novo.
Criei uma conta chamada Watchdog, concedi a ele direitos de moderador, depois criei um emblema e o nomeei moderadores (coloquei o ícone de olho nas configurações). Concedi o emblema moderadores ao Watchdoggo e, quando o doggo posta, aparecem o escudo e o ícone de olho.
O que aparece é um escudo, embora o emblema concedido tenha o ícone de olho nas configurações.
Como posso remover o ícone de escudo?
Primeiro, crie um novo grupo “watchdog” e adicione o usuário Watchdog, definindo-o como seu grupo primário. Em seguida:
.group-watchdog .d-icon-shield-alt {
display: none;
}
O usuário já está no grupo “Moderators”, então não acho necessário criar outro grupo. Alterei o código para
.group-moderators
mas não funcionou; o ícone ainda está lá.
Encontrei o CSS responsável por aquele ícone. No entanto, ao aplicar display: none nele, o ícone, claro, desapareceu, mas deixou uma lacuna no meio, e eu gostaria de remover essa lacuna (seta amarela).
.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
display: none;}
Alguma dica de como remover essa lacuna?
Ou como posso substituir o ícone de escudo por um ícone de olho usando CSS? Pois a classe responsável pelo ícone de escudo não está no CSS, ela está embutida no HTML.
E quanto a isso?
.moderator .svg-icon-title {
display: none;
}
Não sei sobre o HTML do ícone de olho do seu sistema, então pode haver algum efeito colateral…
Além disso, você pode tentar este método; funcionou para @Nisutec:
Correto. Se você quiser removê-lo para todos os moderadores, group-moderators não é uma classe; é apenas moderator. Mas, nesse caso, você não precisa de moderator, apenas
.d-icon-shield-alt {
display: none;
}
O espaço provavelmente é
.names span {
margin-right: 8px;
}
Então
.moderator .names span {
margin-right: 0;
}
Isso funcionou perfeitamente e removeu o espaço. Muito obrigado.