facetwp font awesome for checkboxes

djrmom

{{gist file=”facetwp.css” lang=”css”}}
/** solid boxes https://d.pr/i/qxfuJx – example uses Font Awesome WordPress plugin https://wordpress.org/plugins/font-awesome/ **/

.facetwp-type-checkboxes .facetwp-checkbox {
background: none;
padding-left: 0;
}

.facetwp-checkbox.checked {
background: none;
}

.facetwp-type-checkboxes .facetwp-checkbox::before {
display: inline-block;
width: 20px;
height: 25px;
content: “f0c8”;
font-family: “Font Awesome 5 Free”;
font-weight: 900;

}

.facetwp-type-checkboxes .facetwp-checkbox.checked::before {
content: “f14a”;
}
{{/gist}}{{gist file=”facetwp2.css” lang=”css”}}
/** regular boxes – https://d.pr/i/xSrmkn – example uses Font Awesome WordPress plugin https://wordpress.org/plugins/font-awesome/ **/

.facetwp-type-checkboxes .facetwp-checkbox {
background: none;
padding-left: 0;
}

.facetwp-checkbox.checked {
background: none;
}

.facetwp-type-checkboxes .facetwp-checkbox::before {
display: inline-block;
width: 20px;
height: 25px;
content: “f0c8”;
font-family: “Font Awesome 5 Free”;

}

.facetwp-type-checkboxes .facetwp-checkbox.checked::before {
content: “f14a”;
}
{{/gist}}