Tutorials Green Entertainment Custom Prefix

XFModz

Administrator
Staff member
Admin
‎1 Year of Service‎
View attachment 1127

HTML:
.label.label--green {
  color: #5af45a;
  background: transparent;
  border-color: rgba(26,26,26,0);
  border-color: #5af45a;
}
.label {
  display: inline-block;
  padding: 2px 4px;
  margin-right: 2px;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: x-small;
  font-weight: 700;
  line-height: 1.2;
}

Add the above code to your EXTRA.LESS

View attachment 1128


So for this to work correctly, you need to call it up in your node prefixes: label label--green
Save and your done, you should now see your new prefix.
 

Attachments

  • Screenshot 2023-09-09 at 2.16.26 AM.png
    Screenshot 2023-09-09 at 2.16.26 AM.png
    1.5 KB · Views: 25
  • Screenshot 2023-09-09 at 2.20.03 AM.png
    Screenshot 2023-09-09 at 2.20.03 AM.png
    155.3 KB · Views: 25
Back
Top