Need help with this.

[Almighty]

I have and i installed the MMO verified badge addon: https://enxf.cc/resources/mmo-verified-badge.1096/ And my question is, how can I make the verified bagge have a static color so that the group member who has a custom CSS name color dont modify and also don't affect the badge like the one in the following images.

The badge is supposed to be in blue color as it should be, but it is in red color since the custom css style name affected the color of the badge too, how can I leave a fixed color to the badge.

I'm using this username CSS:

text-shadow: #f00 1px 1px 10px;
color: #FF0000;
font-weight: bold;
background: url(https://i.postimg.cc/KYjPZvrq/alphaman.gif);

 

[Splicho]

Did you try [OzzModz] Verification Badge yet?

 

[Almighty]

Did you try [OzzModz] Verification Badge yet?

SplichoYes, i've try that. but don't works for me.

 

[Snister2]

I can modify the style adding a username icon/badge without installing addon,

 

[Almighty]

I can modify the style adding a username icon/badge without installing addon,

Snister2I just want to modify that and that's it, the addon is fine. I just want to put a fixed color to that verified badge and that it is not affected by some CSS username.

 

[wallas]

I just want to modify that and that's it, the addon is fine. I just want to put a fixed color to that verified badge and that it is not affected by some CSS username.

Almighty

Add the following to the extra.less file:

.fa-badge-check:before {
       color: #7e858b !important;
}

Change the color code to what you need.

 

[Almighty]

View attachment 40477

Add the following to the extra.less file:

.fa-badge-check:before {
       color: #7e858b !important;
}

Change the color code to what you need.

wallasIt worked, thank you.

Now my little doubt regarding that, you can see that the insignia makes part of the name. Not in the sense of color, but in the sense of the background gif of the name.

I want the badge to be merely next to the name and not involved as such in it, I do not know if I understand. @wallas

 

[Splicho]

It worked, thank you.

Now my little doubt regarding that, you can see that the insignia makes part of the name. Not in the sense of color, but in the sense of the background gif of the name.

I want the badge to be merely next to the name and not involved as such in it, I do not know if I understand. @wallas

View attachment 40486

Almightybackground-clip: text;
-webkit-background-clip: text;
color: transparent;

add that to group css

 

[Almighty]

background-clip: text;
-webkit-background-clip: text;
color: transparent;

add that to group css

SplichoYou did not understand what I meant, what I mean is that the badge also gets the color or red shading because I am using a css username for x group user, what I want is that this color is not seen in the verified badge, that is only next to the name without affecting the badge if you use a css custom username. @Splicho

 

[Almighty]

Bump thread. If I still don't explain myself completely well, I want it like this image.

As you can see there, it is not mixed with the CSS custom name, you can see that the customization ends with the letter "S". @Splicho @wallas any help?

 

[wallas]

Bump thread. If I still don't explain myself completely well, I want it like this image.
View attachment 40498

As you can see there, it is not mixed with the CSS custom name, you can see that the customization ends with the letter "S". @Splicho @wallas any help?

Almightyusername color:

admin.php?user-groups/administrative.3/edit

icon color and content:

.fa-badge-check:before {
    content: "\f058";
    color: #fff !important;
}