Scalebar Text does not change?

TimHayes1 — Mon, 07 Nov 2016 17:11:45 GMT

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;

}

Re: Scalebar Text does not change?

RobertScheitlin__GISP — Sun, 12 Dec 2021 04:07:06 GMT

Tim,

Try:

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

Re: Scalebar Text does not change?

TimHayes1 — Mon, 07 Nov 2016 17:29:56 GMT

Robert, I was looking right at it. Never saw it! thanks!

topic Scalebar Text does not change? in ArcGIS Web AppBuilder Questions

Scalebar Text does not change?

Re: Scalebar Text does not change?

Re: Scalebar Text does not change?