Add an FA logo to the user group

Add an FA logo to the user group

PhriXion

Member
PhriXion submitted a new resource:

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

Hello,

Here is the final result:

9MLhDNFdTECVGc-Rhln_Xg.png


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

CSS:
.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...
 

V3NTUS

Well-known member
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):

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: inherit;
    padding-right: 4px;
    display: inline-block;

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