Live Filter – show checkboxes and radio buttons in rows and columns (instead of vertical list)

To show Live Filter checkboxes and radio buttons in rows and columns (instead of vertical list), please add this code to Custom CSS field (the left textarea) in Content Views >> Settings page:

.cvp-live-filter,
.cvp-live-filter label {
    display: block!important
}

.cvp-live-filter .checkbox,
.cvp-live-filter .radio {
    display: inline-block;
    width: 33%;
}

/* on mobile */
@media (max-width: 768px) {
    .cvp-live-filter .checkbox,
    .cvp-live-filter .radio {
        width: 50% !important;
    }
}

Please replace 33% by another value to change the number of columns.

Best regards,