• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 2.0 Custom Prefix Less

Haydric

Active member
#1
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?
 
#2
This is the coding I use
CSS:
.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

Active member
#3
This is the coding I use
CSS:
.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 :D