XF2 GUIDE Tips Styler Prefix Xenforo

Author shimmer
Creation date Aug 1, 2021
Tags

styler prefix tips styler prefix tips styler prefix best xenforo tips styler prefix xenforo xenforo tips styler prefix

Overview Discussion

< Creating custom prefix styling | [cXF] Status icon with text >

In your extra.less template add these codes:

CSS:

[class*='label label--yellow']
{ font-family:'Exo';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;
line-height: 15px;position: relative;max-width: 180px;padding: 2px 33px 2px 27px;user-select: none;
color: #FFFFFF;font-size: 11px;font-weight: normal;-webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
}
[class*='label label--yellow']:before{ font-family:"FontAwesome";margin-right:3px;font-size:11px;padding:0
}
.label.label--yellow { background: rgb(237, 0, 0);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;
}
.label.label--yellow:before {content:"\f0a1"}