archco.mapper

Custom Zoom In and Zoom Out slider icons CSS

Discussion created by archco.mapper on Apr 11, 2012
Latest reply on Dec 11, 2013 by ganeshssac
I am trying to customize the slider zoom in (dijitSliderIncrementIconV) and zoom out (dijitSliderDecrementIconV) icons but I am not having any luck replacing the default tundra zoom icons with my own images. I am using the CSS below and I am able to change the border, but not the background or background-image. Can someone point me in the right direction.

.tundra .dijitSliderDecrementIconV
{
    background-image:url(".../images/arrows.png");
    background-position: 0 0;
    width:24px;
    height:24px;
    border: 1px solid #B5BCC7;
    font-size: 1px;
}   

  .tundra .dijitSliderIncrementIconV
  {
     
    background-image:url(".../images/arrows.png");
    background-position: 0 -74px;
    width:24px;
    height:24px;
    border: 1px solid #B5BCC7;
    font-size: 1px;
}

Thanks,
Josh

Outcomes