XF 2.0 Custom Prefix Less

[Haydric]

Okay so I'm attempting to create custrom prefixes, but it doesn't seem to having padding around them in the less when I code them the XF1 way. Does anyone know the correct way to make a custom prefix css for XF2?

 

[KawaiiHannah]

This is the coding I use

.prefixstory {
    background: none repeat scroll 0 0 #eabc17;
    color: #FAFAFA !important;
    font-weight: normal;
    border: double !important;
    font-size: 10pt;
}
.prefixstory:before {
    content: "\f02d";
    font-family: FontAwesome;
    margin-right: 4px;
}
.prefixstory {
   border-radius: 4px !important;
   padding: 0px 5px;
}

 

[Haydric]

This is the coding I use

.prefixstory {
    background: none repeat scroll 0 0 #eabc17;
    color: #FAFAFA !important;
    font-weight: normal;
    border: double !important;
    font-size: 10pt;
}
.prefixstory:before {
    content: "\f02d";
    font-family: FontAwesome;
    margin-right: 4px;
}
.prefixstory {
   border-radius: 4px !important;
   padding: 0px 5px;
}

Thanks, this is helpful

 

[KawaiiHannah]

Yep I'll attach a screen shot of what itll look like