Change slider 's colors

[stephane]

I would like to change colors in my slider.

I found that i could change the color of the selected area thanks to css class k-slider-selection

.k-slider-selection {
           background-color: #059BD8;
  }

Now i would like to do same for the "ball" shape selector  and the not selected area.

Could you help me please?

[Iliana Dyankova]

Hi Stephane,

You can change the slider draghandle background via the following CSS rule: 

.k-slider .k-draghandle {
    background-color: green; /* specify the background */
}

Another option is to use Kendo UI Web ThemeBuilder.

Regards,
Iliana Nikolova
Telerik

 

 

[stephane]

thank for answer Iliana but unfortunately that css rule doe not change anything

i put that css code 

.k-slider-selection {
           background-color: #059BD8;
       }

   .k-slider .k-draghandle {
           background-color: green;
    }

 and as you can see in attached file, it changes nothing for draghandle color (but work for selected area)

Theme builder seems great but slider  (and few others controls) keeps always the same look in spite of I change theme

[stephane]

Sorry for my last observation,  Theme builder refresh has just a bug on chrome browser, but it works fine  on IE

But I still wonder why .k-draghandle alone does not have effect and which rules I have to combine with that rule for changing colors without paste the full  theme 

[Iliana Dyankova]

Hi Stephane,

I tested the suggested CSS rule and it is applied as expected (example). Could you please modify my example and demonstrate your current implementation - this way I would be able to advice you further and provide concrete recommendations? Thank you in advance for your cooperation.

Regards,
Iliana Nikolova
Telerik

 

 

[stephane]

I tried your sample in my project and it works.

Maybe I tried too much to make crazy wizard in my previous project and it broke style.

Thanks!