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...
 
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 Bottom