AnsweredAssumed Answered

Scalebar Text does not change?

Question asked by THayes on Nov 7, 2016
Latest reply on Nov 7, 2016 by THayes

I want to change the text color and shadow for the number under the Line Scalebar. 

 

Here is the style sheet for the Scalebar Widget.

 

I made a CSS rule change in .esriScalebarLabel, but these are not showing up in the WebMap. I cleared my browser cache as well, no change. 

 

When I change some of the css rules under .esriScalebarLine, the changes are seen in the WebMap. 

 

.jimu-rtl .jimu-widget-scalebar .scaleLabelDiv .esriScalebarLabel:first-child{
right: -3% !important;
left: auto !important;
};

.jimu-rtl .jimu-widget-scalebar .scaleLabelDiv .esriScalebarFirstNumber{
right: 45% !important;
left: auto;
}

.jimu-rtl .jimu-widget-scalebar .scaleLabelDiv .esriScalebarSecondNumber{
right: 95%;
left: auto;
}

.jimu-widget-scalebar .esriScalebarLine {
overflow: hidden;
position: relative;
width: 100%;
height: 12px;
border: 4px solid #449044;
}
.jimu-widget-scalebar .esriScalebarEnglishLine {
border-bottom-style: none;
top: -9px;
}

.jimu-widget-scalebar .scaleLabelDiv .esriScalebarLabel{
white-space: nowrap;
font-size: 16px;
color: black;
padding-top: 6px;
text-shadow: 1px 1px #d12942;

}

Attachments

Outcomes