Augensymbol für Moderatoren

Hallo,

ich bin wieder da.

Ich habe ein Konto erstellt und es Watchdog genannt, ihm Moderatorrechte erteilt. Anschließend habe ich ein Abzeichen erstellt und es Moderatoren genannt (in den Einstellungen habe ich das Augen-Symbol ausgewählt). Ich habe dem Abzeichen Moderatoren den Benutzer Watchdoggo zugewiesen, und wenn Doggo postet, erscheinen sowohl das Schild- als auch das Augen-Symbol.

Es wird jedoch ein Schild angezeigt, obwohl in den Einstellungen für das zugewiesene Abzeichen das Auge konfiguriert ist.

Wie kann ich das Schild-Symbol entfernen?

Erstellen Sie zunächst eine neue Gruppe namens „watchdog“ und fügen Sie den Benutzer Watchdog hinzu, wobei diese Gruppe als primäre Gruppe festgelegt wird. Anschließend:

.group-watchdog .d-icon-shield-alt {
    display: none;
}

Der Benutzer befindet sich bereits in der Gruppe „Moderatoren“. Ich glaube nicht, dass es notwendig ist, eine weitere Gruppe zu erstellen. Ich habe den Code zu

.group-moderators

geändert, aber es funktioniert nicht; das Symbol ist immer noch vorhanden.

Ich habe das CSS gefunden, das für dieses Icon verantwortlich ist. Wenn ich jedoch display: none darauf anwende, verschwindet das Icon zwar, es bleibt aber eine Lücke übrig (gelber Pfeil), die ich gerne entfernen würde.

.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
display: none;}

Hast du einen Tipp, wie ich die Lücke entfernen kann?

Oder wie kann ich das Schild-Icon per CSS durch ein Augen-Icon ersetzen? Denn die Klasse, die für das Schild-Icon verantwortlich ist, befindet sich nicht im CSS, sondern ist im HTML eingebettet.

Wie sieht es damit aus?

.moderator .svg-icon-title {
    display: none;
}

Ich kenne dein HTML für das Auge-Symbol nicht, daher könnte es zu Nebeneffekten kommen…

Außerdem kannst du es auf diese Weise versuchen, es hat für @Nisutec funktioniert:

Richtig. Wenn du es für alle Moderatoren entfernen möchtest, ist group-moderators keine Klasse, sondern einfach moderator. Aber dann brauchst du moderator gar nicht, sondern nur:

.d-icon-shield-alt {
    display: none;
}

Die Lücke kommt wahrscheinlich daher:

.names span {
    margin-right: 8px;

Also:

.moderator .names span {
    margin-right: 0;
}

Das hat perfekt funktioniert und die Lücke entfernt. Vielen Dank.