XenForo Tips Styler Prefix Xenforo

[Muckraker]

In The [class*='label label--yellow']:before{ font-family:"FontAwesome";margin-right:3px;font-size:11px;padding:0 code you have to change :
font-family:"FontAwesome";
By :
font-family: 'Font Awesome 5 Pro';
Must select the yellow prefix

CSS: [class*='userBanner userBanner--yellow'] { font-family:'Exo';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px; line-height: 15px;position: relative;max-width: 180px;padding: 2px 33px 2px 27px;user-select: none; color: #FFFFFF;font-size: 11px;font-weight: normal;-webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%); clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%); } [class*='userBanner userBanner--yellow']:before{ font-family: 'Font Awesome 5 Pro';margin-right:3px;font-size:11px;padding:0 } .userBanner.userBanner--yellow { background: rgb(237, 0, 0);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white; } .userBanner.userBanner--yellow:before {content:"\f0a1"}

I cannot seem to get it to work.

 

[Misterman]

@Muckraker Test with this code :

[class*='label label--yellow']{
    font-family:'Exo';
    border-left: 3px solid rgba(0, 0, 0, 0.2);
    margin-top: 3px;
    text-align: center;
    height: 20px;
    line-height: 15px;
    position: relative;
    max-width: 180px;
    padding: 2px 33px 2px 27px;
    user-select: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    -webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
    clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
}
[class*='label label--yellow']:before{
    font-family: 'Font Awesome 5 Pro';
    margin-right:3px;
    font-size:11px;
    padding:0
}
.label.label--yellow {
    background: rgb(237, 0, 0);
    border-color: #8e0909;
    box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;
}
.label.label--yellow:before {content:"\f0a1"}

 

[Muckraker]

@Muckraker Test with this code :

[class*='label label--yellow']{
    font-family:'Exo';
    border-left: 3px solid rgba(0, 0, 0, 0.2);
    margin-top: 3px;
    text-align: center;
    height: 20px;
    line-height: 15px;
    position: relative;
    max-width: 180px;
    padding: 2px 33px 2px 27px;
    user-select: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    -webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
    clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
}
[class*='label label--yellow']:before{
    font-family: 'Font Awesome 5 Pro';
    margin-right:3px;
    font-size:11px;
    padding:0
}
.label.label--yellow {
    background: rgb(237, 0, 0);
    border-color: #8e0909;
    box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;
}
.label.label--yellow:before {content:"\f0a1"}

You are AWESOME!!!
This works perfectly!!
Thank You so much for sharing

 

[Muckraker]

I was able to edit all of my websites prefix with this .
Thanks to everyone on this site for being helpful and honest.