Read the statement by Michael Teeuw here.
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.
-
@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
-
Looking at the code, it’s just one string
${Math.round(this.weatherData.current.temp)}° (${Math.round(this.weatherData.current.feels_like)}°)` -
@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.
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login