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

xFMafia

Administrator
Administrative
Joined
Feb 18, 2019
Messages
512
Reputation
817
Points
93
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
 
Top