Add an FA logo to the user group

[PhriXion]

PhriXion submitted a new resource:

Add an FA logo to the user group - Fontawesome, logo, user, group

Hello,

Here is the final result:

To do this, go to the Panel Admin, and go to the extra.less template.
You will add this code:

.username--style3:before { // Change the number 3 by the number of the user group you want.
    font-family: "FontAwesome";
    content: "\f132"; // Change the unicode (f132) by the one you want to find on the site: https://fontawesome.com/v4.7.0/icons/
    color...

Read more about this resource...

 

[arnold]

I think as with all fa, this only uses fa 4 logo. And not the new fa 5, or am i wrong ?

 

[PhriXion]

I think as with all fa, this only uses fa 4 logo. And not the new fa 5, or am i wrong ?

Yes I use FA 4.7

 

[Nirjonadda]

How to adding icon in User banner text?

 

[PhriXion]

How to adding icon in User banner text?

View attachment 177925

I'm going to do a tutorial waiting


Edit: https://xenforo.com/community/resources/add-a-fa-logo-on-the-users-banner.6497/

 

[GERINO]

I think this tutorial is already available here :

• https://xenforo.com/community/resources/add-font-awesome-icons-to-your-usergroups.5893/

^^

 

[V3NTUS]

You can hardcode these css edits directly from the Group settings in the Admin Panel, simply add the following code after your css rules in the group settings: (assuming it's the admin group):

}
.username--style3:before { // Change the number 3 by the number of the user group you want.
    font-family: "FontAwesome";
    content: "\f132"; // Change the unicode (f132) by the one you want to find on the site: https://fontawesome.com/v4.7.0/icons/
    color: inherit;
    padding-right: 4px;
    display: inline-block;

Note the "}" at the beginning and no ending "}".