How to add a rank in css

one_finger_man1 · 10-11-2021, 04:25 AM

simple way to add the ranks

ACP Users Groups. Select any group (eg Administrator) and click Edit. Group settings In "Group name" add:

Code:
<span class='defaultGroup admin'>Administrator</span>

ACP Appearance Styles and templates Edit HTML and CSS Tab CSS custom custom.css Paste the code below

Code:
/ * Groups * /
 .defaultGroup {
   border-radius: 2px;
     color: #fff;
     display: inline-block;
     font-weight: 500;
     letter-spacing: 0;
     padding: 0 15px;
     text-shadow: none;
     vertical-align: middle;
     font-size: 12px;
     height: 30px;
     line-height: 30px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
 }
 .admin {
 background-color: #c75050; 
 }
 .admin:before {
   content: "\f005";
    font-family: 'FontAwesome';
    margin-right: 3px;
 }

If you do not want an asterisk in front of the group name, remove the .admin: before class from the .CSS code (in custom.css)

rank to be displayed only in topics, then just use this code:

Code:
/* Grupy */
 .ipsComment_author .defaultGroup {
   border-radius: 2px;
     color: #fff;
     display: inline-block;
     font-weight: 500;
     letter-spacing: 0;
     padding: 0 15px;
     text-shadow: none;
     vertical-align: middle;
     font-size: 12px;
     height: 30px;
     line-height: 30px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
 }
 .ipsComment_author .admin {
 background-color: #c75050; 
 }
 .ipsComment_author .admin:before {
   content: "\f005";
    font-family: 'FontAwesome';
    margin-right: 3px;
 }

How to add a rank in css

Submitted by one_finger_man1, 10-11-2021, 04:25 AM, Thread ID: 224867