jquery Handle and Track Style

Question

I ma having a problem styling my sliders, i managed to change the handle to an image which worked but then the track color didnt work,

Loan Amount Your Loan

Loan Length

Days Loaned

Repayment Date

Your Loan Interest
APR

This is What i need it to look like https://capfin.co.za/

score 0 · Accepted Answer · answered Jun 14 '17 at 10:33

0

I see the handle is already set to a custom image. However, it's not aligned in the center adding background-position: -6.5px -4px; to #slider1 .ui-slider-handle will make that happen.

Also the width & height of the track could be changed by applying the same to .ui-slider and the background colour could be changed of .ui-widget.ui-widget-content

answered Jun 14 '17 at 10:33

nimsrules

2,026
20
22

Thanks for your reply – Luke Jun 14 '17 at 10:51
Please https://codepen.io/mdxsolutions/pen/JJbPKG The track color does not want to work for min max sliding – Luke Jun 15 '17 at 07:29
How do you want it to change? 1. Set to a permanent colour 2. Change its colour on slider moved – nimsrules Jun 15 '17 at 07:32
Hi Yes when it moves – Luke Jun 15 '17 at 10:16
the color when you move more or less – Luke Jun 15 '17 at 10:16
Is this what you're looking for? https://stackoverflow.com/questions/8723633/changing-the-color-of-a-jquery-ui-slider-as-you-slide-it – nimsrules Jun 15 '17 at 15:02

jquery Handle and Track Style

1 Answers1