Scalebar Text does not change?

490
2
Jump to solution
11-07-2016 09:11 AM
TimHayes1
Occasional Contributor III

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;

}

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Tim,

Try:

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

View solution in original post

2 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Tim,

Try:

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

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

0 Kudos