<![CDATA[MMM-forecast-io temp bar height]]>Hi All :grinning_face:

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!!

]]>https://forum.magicmirror.builders/topic/7200/mmm-forecast-io-temp-bar-heightRSS for NodeWed, 17 Jun 2026 13:40:48 GMTSun, 20 May 2018 11:49:20 GMT60<![CDATA[Reply to MMM-forecast-io temp bar height on Sun, 20 May 2018 12:08:47 GMT]]>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:

0_1526817953613_IMG_20180520_130314.jpg

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 :worried_face:

]]>https://forum.magicmirror.builders/post/39684https://forum.magicmirror.builders/post/39684Sun, 20 May 2018 12:08:47 GMT