Live Filter – change background and text color of label, submit and reset buttons, and others

Please add this code to Custom CSS field in Content Views >> Settings page, and change the value as your expectation:

the label text

.cvp-live-filter .cvp-label {
    background: red !important;
    color: #fff !important;
    padding: 5px;

the Submit button

.cvp-live-button .cvp-live-submit {
    color: #fff !important;
    background-color: #5cb85c !important;

the Reset button

.cvp-live-button .cvp-live-reset {
    color: #fff !important;
    background-color: #d9534f !important;

the active “Button” type

.cvp-live-filter.cvp-button input[type=radio]:checked+div {
    background: #00aeef !important;
    color: #fff !important;

the “Range Slider” filter

# Change the green background color

.cvp-range .irs-bar, .irs-from, .irs-single, .irs-to {background: #20b426 !important;}
.cvp-range .irs-bar {border-color: transparent !important;}

# Change the width of the bar

.irs-with-grid {width: 90%;} /* change the percentage value */

Best regards,

Scroll to Top