Reputation:
Reputation:
Reputation:
without addon can we make , as i remember this addon doesn't work for me ....so i prefer manual way .
.label--locked:before {
content: '\f023';
font-family: "Font Awesome 5 Pro";
margin-right: 4px;
margin-left: 2px;
}
content: '\f023';
is the font awesome locked iconReputation:
View attachment 36242
i need to know how to add icon in prefix ? because i tired doesnt work , does i need any icon addon for prefix ?
Reputation:
Reputation:
[class*="prefix_"] {
display: inline-block;
padding: 1px .35em;
border: 1px solid transparent;
border-radius: 4px;
font-size: 80%;
line-height: 1.35;
font-weight: 600!important;
text-decoration: none;
}
[class*="prefix_"]:before {
font-family: "Font Awesome 5 Pro";
text-align: left;
margin-right: 4px;
margin-left: 5px;
content: "";
}
.prefix_example{box-shadow:#ffcb00 0 0 5px 0,#000 0 0 20px 0 inset;color:#fff!important;text-shadow:#34eb3d 2px 2px 5px;background:#eb34c8;border-color:#c934bb;}
Reputation:
@ShieldX @Zer01ne
CSS:[class*="prefix_"] { display: inline-block; padding: 1px .35em; border: 1px solid transparent; border-radius: 4px; font-size: 80%; line-height: 1.35; font-weight: 600!important; text-decoration: none; } [class*="prefix_"]:before { font-family: "Font Awesome 5 Pro"; text-align: left; margin-right: 4px; margin-left: 5px; content: ""; } .prefix_example{box-shadow:#ffcb00 0 0 5px 0,#000 0 0 20px 0 inset;color:#fff!important;text-shadow:#34eb3d 2px 2px 5px;background:#eb34c8;border-color:#c934bb;}