Zoom Slider Increment Buttons Won't Hide

Question

Hi folks,

I have map.hideZoomSlider() and:

#map_zoom_slider{
 visibility: hidden !important;
}

But I'm still getting the zoom slider increment and decrement buttons.

Any additional suggestions would be greatly appreciated.

Thanks,
Rick Scott

RedLong · Answer

Hi Rick,

I'm not positive I understand your problem, but if you're trying to hide the Zoom In and Zoom Out arrows at the top and bottom of the Zoom Slider, you could use:.dijitSliderIncrementIconV, .dijitSliderDecrementIconV {
    display: none;
}

Steve

You're the man :cool:

StephenLead · Answer

Trying to find the correct combination of id/class and CSS attribute is so frustratingly hard.

Rick,

Have you tried FireFox with the Firebug plugin? The HTML inspector makes this a bit easier, as it will show you which CSS rules are being used for a particular element.

Steve

RickScott · Answer

Hi Rick,

I'm not positive I understand your problem, but if you're trying to hide the Zoom In and Zoom Out arrows at the top and bottom of the Zoom Slider, you could use:.dijitSliderIncrementIconV, .dijitSliderDecrementIconV {
    display: none;
}

Steve

Awesome!  Thanks, Steve, that did it!

Trying to find the correct combination of id/class and CSS attribute is so frustratingly hard.

Thanks again!
Rick