Slider Item Width Change

[omer]

Please help me for changing my Slider Items With?

Kindly Regards

   .RadSlider5_Custom .rslItem, .RadSlider5_Custom .rslLargeTick span
             {
                 width: 25px;
                 }

did not work (

[Princy]

Hi Omer,

Try overriding the default CSS with !important specifier as follows.

CSS:

<style type="text/css">
    .RadSlider .rslItem,.RadSlider .rslLargeTick span
    {
       width:30px !important;
    }
</style>

Hope this helps.

Thanks,
Princy.

[omer]

Hi Princy

Thank you for reply.

How can i set different widths for different sliders?

When i define like RadSlider1 did not work. 

Thanks in advance.

.RadSlider1 .rslItem, .RadSlider .rslLargeTick span
{
    width: 30px !important;
}

[Princy]

Hi Omer,

Try setting CssClass property of RadSlider as follows.

CSS:

<style type="text/css">
  .slidercss .rslItem,.slidercss .rslLargeTick span
    {
       width:30px !important;
    }
</style>

ASPX:

<telerik:RadSlider ID="RadSlider1" runat="server" CssClass="slidercss" ....>
     <Items>
          .......
     </Items>
</telerik:RadSlider>

Hope this helps.

Thanks,
Princy.

[omer]

Hi Princy,

Tried last code but did not work. My slider has custom skin. 

slider cssclass="bold5" 

.bold5 .RadSlider .rslItem, .bold5 .rslLargeTick span
{
    width: 20px !important;
}

did not work. 

Thank you 

Ömer

[omer]

Hello again

my mistake

.bold5 .rslItem, .bold5 .rslLargeTick span
{
    width: 20px !important;
}  

worked.
PS bold5 is css class of slider.

Thank you for your attention and support.

Regards
Ömer