Live Filter – show checkboxes and radio buttons horizontally 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.

To use above styles for specific View only, please replace

.cvp-live-filter

above with

.cvp-live-filter[data-sid="VIEW_ID"]

(replace VIEW_ID with ID of your View)

Best regards,