Range slider colour

Anonymous

#245818

Hi,

Is there any way to change the slider colour?

I have tried

.searchandfilter[data-sf-form-id=”1039″] .meta-slider {
width: 140px;
color: black !important;
}

But this has not worked. It is still blue.

Any help would be greatly appreciated.

Many thanks,

Luke

Trevor

#245887

You would need to make sure the specificity is correct. This is our standard slider CSS for that color (I believe):

.searchandfilter .noUi-connect {
    background-color: #526E91;
}

So you would need something like:

.searchandfilter[data-sf-form-id="1039"] .noUi-connect {
    background-color: #000;
}

Anonymous

#245910

Brilliant, that works.

Thank you Trevor.

Trevor

#245914

Thanks for getting back to me. I will close this thread for now.

[Author]

Posts