MMM-forecast-io temp bar height

smartroad

Hi All

I have looked at using MMM-forecast-io (idoodler’s fork https://github.com/idoodler/MMM-forecast-io/blob/master/MMM-forecast-io.js). Is there anyway to adjust the height of the bars used for the daily temperature range? I have been able to change the CSS file to sort out the text height to something more appropriate for my display, but the bars are just WAY to huge :smiling_face_with_open_mouth_closed_eyes: it pushes off the bottom of my screen and I can’t figure out where the height of them is specified or inferred from.

Any pointers would be gratefully received!!

smartroad

okay, I have been able to figure out a little more. I can make the bars bigger but not smaller. This is as small as I can make them:

This is the code used to produce the above:

.MMM-forecast-io .forecast-bar .bar {
  background-color: #aaa;
  line-height: 0.01em;
  border-radius: 0.01em;
  border: 0.5px transparent solid;
  background-clip: padding-box;
  color: black;
}

No matter what I change the line-height to the bars get no smaller

UNSOLVED MMM-forecast-io temp bar height