<![CDATA[MMM-OpenWeatherForecast display question]]>Hello. I have a CSS question about the Current Temperature text size for the MMM-OpenWeatherForecast module fork from Tom Hirschberger.

About a month ago, Tom Hirschberger updated his fork of the MMM-OpenWeatherForecast module where he added a new “Feels Like” temperature option. According to the documentation, there are three options you can choose; to display only the actual temperature, or only the Feels Like temperature, or both, where the display shows in the format CURRENT (FEELS LIKE). The text size can be adjusted in the CSS file and I have figured that out, but as far as I can tell, it is the same text size for either temperature.

I don’t know enough about CSS to know if I can add something to a custom CSS file to set the text size for one to a different size than the other. Or if the module programming has the two temperatures set such that their sizes can be controlled separately.

I have also tried using two instances of the module, one with just the Current Temperature with all the other weather info suppressed, and then a second instance right below it with the Feels Like temperature along with the other weather info such as the forecast (similar to the default Weather module for displaying current and forecast info). This sort of works, but the two temperature displays are the same text size since I don’t think I can set a different CSS text size for each instance, can I?

Does anyone have any suggestions?

Thanks.

]]>https://forum.magicmirror.builders/topic/20223/mmm-openweatherforecast-display-questionRSS for NodeMon, 27 Apr 2026 17:26:07 GMTSun, 26 Apr 2026 22:07:32 GMT60<![CDATA[Reply to MMM-OpenWeatherForecast display question on Mon, 27 Apr 2026 00:30:29 GMT]]>@sdetweil Hello Sam. Thank you for the reply and confirmation. I had seen your post to another person’s CSS question where you shared that tool. I used it earlier today and it showed what you saw. I was hoping that due to my minimal skill with CSS I was overlooking something, but I guess I wasn’t.

]]>https://forum.magicmirror.builders/post/130878https://forum.magicmirror.builders/post/130878Mon, 27 Apr 2026 00:30:29 GMT<![CDATA[Reply to MMM-OpenWeatherForecast display question on Sun, 26 Apr 2026 23:41:06 GMT]]>Looking at the code, it’s just one string

${Math.round(this.weatherData.current.temp)}° (${Math.round(this.weatherData.current.feels_like)}°)`
]]>https://forum.magicmirror.builders/post/130877https://forum.magicmirror.builders/post/130877Sun, 26 Apr 2026 23:41:06 GMT<![CDATA[Reply to MMM-OpenWeatherForecast display question on Sun, 26 Apr 2026 22:25:46 GMT]]>@thartley we need to examine the html for that content

The easiest way is to open the developers window(ctrl-shift-i)
And select the elements tab.

Then click the arrow thing in the top left corner of that tab, and move the mouse til it sits over the text in MagicMirror window

Click, and the html for the pointed to content will appear in the content tree

If there is a span around each part of the text you mention, then we can affect each separately. If not, then Tom would have to change that.

See the second link in my signature below for more on the dev window elements tab

]]>https://forum.magicmirror.builders/post/130876https://forum.magicmirror.builders/post/130876Sun, 26 Apr 2026 22:25:46 GMT