Eye icon for moderators

Support
1

Hi,

Its me again.

I created an account and called it Watchdog, I granted him mod rights, then I created a badge and named it moderators (I put the eye icon in the settings). I granted badge moderators to Watchdoggo and when doggo is posting, the shield and the eye icon appear.

What appears is a shield although granted badge has eye in settings.

wdg4
wdg4786Ă—194 5.19 KB

How can I remove the shield icon?

2 Likes
2

First make a new group “watchdog” and add the user Watchdog and make it their primary group. Then

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

The user is in the group “Moderators” already, I don’t think it’s necessary to create another group. I changed the code to

.group-moderators

but does not work, the icon is still there

4

I found the css responsible for that icon, however when applied display:none to it, the icon of course disappeared, but it left a gap in between and I would like to remove that gap (yellow arrow).

wdg5

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

Any tip how can I remove the gap?

Or how can I substitute the shield icon with an eye icon using CSS? because the class responsible for the shield icon is not in CSS it’s embedded in HTML

5

What about this?

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

I don’t know about your eye icon HTML so there may be some collateral effect…

1 Like
6

Also, you can try this way, it worked for @Nisutec:

1 Like
7

Correct. If you want to remove it for all moderators, group-moderators is not a class, it’s just moderator. But then you don’t need moderator, just

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

The gap is probably

.names span {
    margin-right: 8px;

So

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

This worked perfectly, and removed the gap. Thank you very much.

1 Like
9

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.