Ciao,
sono di nuovo io.
Ho creato un account chiamato Watchdog, gli ho assegnato i diritti di moderatore, poi ho creato un badge chiamato “moderatori” (ho impostato l’icona dell’occhio nelle impostazioni). Ho assegnato il badge “moderatori” a Watchdoggo e quando Doggo pubblica, appaiono sia lo scudo che l’icona dell’occhio.
Quello che appare è uno scudo, anche se nel badge assegnato è stata impostata l’icona dell’occhio.
Come posso rimuovere l’icona dello scudo?
Prima crea un nuovo gruppo “watchdog” e aggiungi l’utente Watchdog, impostandolo come suo gruppo primario. Poi
.group-watchdog .d-icon-shield-alt {
display: none;
}
L’utente è già nel gruppo “Moderatori”, non credo sia necessario crearne un altro. Ho modificato il codice in
.group-moderators
ma non funziona, l’icona è ancora presente.
Ho trovato il CSS responsabile di quell’icona; tuttavia, quando ho applicato display:none, l’icona è ovviamente scomparsa, ma ha lasciato uno spazio tra gli elementi e vorrei rimuovere tale spazio (freccia gialla).
.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
display: none;}
Hai qualche consiglio su come rimuovere lo spazio?
O come posso sostituire l’icona dello scudo con un’icona a forma di occhio usando il CSS? Perché la classe responsabile dell’icona dello scudo non è nel CSS, ma è incorporata nell’HTML.
E questa?
.moderator .svg-icon-title {
display: none;
}
Non conosco l’HTML della tua icona a forma di occhio, quindi potrebbero esserci degli effetti collaterali…
Inoltre, puoi provare in questo modo, ha funzionato per @Nisutec:
Corretto. Se vuoi rimuoverla per tutti i moderatori, group-moderators non è una classe, è semplicemente moderator. Ma in tal caso non hai bisogno di moderator, basta:
.d-icon-shield-alt {
display: none;
}
Lo spazio è probabilmente causato da:
.names span {
margin-right: 8px;
}
Quindi:
.moderator .names span {
margin-right: 0;
}
Questo ha funzionato perfettamente e ha rimosso lo spazio. Grazie mille.