Welcome to XenForo Nulled Community

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?

Ask question

Ask Questions and Get Answers from Our Community

Answer

Answer Questions and Become an Expert on Your Topic

Contact Staff

Our Experts are Ready to Answer your Questions

Improve Rank Banners XF2

Admin

Administrator
Administrative
Joined
Feb 18, 2019
Messages
2,119
Reputation
4,339
Points
113
You just have to put the code in Extra.less:
CSS:
.userBanner strong {
    min-width: 90px;
    display: inline-block;
    margin-left: 20px;
}
[class*="banner_"], .userBanner {
    position: relative;
    display: inline-block !important;
    margin: 4px 0 5px !important;
    font-size: 10px !important;
    color: #fff !important;
    text-shadow: #111 0 0 1px !important;
    border-radius: 5px !important;
    border-color: transparent !important;
    margin-bottom: 0px !important;
    padding: 4px 8px !important;
    letter-spacing: .5px !important;
    border: 0 !important;
    text-transform: uppercase !important;
    line-height: 15px !important;
}
.userBanner::before {
       content: "\f007";
    color: #fff;
    line-height: 23px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    border-top-right-radius: 40px;
    border-right: 2px solid rgba(0,0,0,0.1);
    top: 0;
    bottom: 0;
    border-bottom-left-radius: 10px;
    left: 0;
    border-top-left-radius: 10px;
    padding: 1px 4px 0 3px;
    width: 20px;
    font-family:'Font Awesome 5 Pro';
    text-align: center;
}
Here is the result:
Banners.png
 

Admin

Administrator
Administrative
Joined
Feb 18, 2019
Messages
2,119
Reputation
4,339
Points
113
How to change icon?
CSS:
.userBanner::before {
       content: "\f007";
    color: #fff;
    line-height: 23px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    border-top-right-radius: 40px;
    border-right: 2px solid rgba(0,0,0,0.1);
    top: 0;
    bottom: 0;
    border-bottom-left-radius: 10px;
    left: 0;
    border-top-left-radius: 10px;
    padding: 1px 4px 0 3px;
    width: 20px;
    font-family:'Font Awesome 5 Pro';
    text-align: center;
}
 
shape1
shape2
shape3
shape4
shape7
shape8
Top