facetwp radio button style as rectangular color button

djrmom

{{gist file=”readme.txt” lang=”text”}}
Radio button facets are actual divs rather than radio input type html.

Radio facet as rectangular buttons – https://d.pr/i/cnyjEg
Facet settings for demo – https://d.pr/i/C5lAsc
If you want to add an “All” button – https://gist.github.com/djrmom/5870f7baf38fd5df40ee861bb95a01d5
{{/gist}}{{gist file=”style.css” lang=”css”}}
.facetwp-radio {
background-image: none;
background-color: gray;
padding: 5px;
display: inline-block;
margin: 5px;
}

.facetwp-radio.checked {
background-image: none;
background-color: lightgray;
}
{{/gist}}