Read the statement by Michael Teeuw here.
My display so far...
-
I’m sure there’s a way to do this in css but not sure how. I want to make the icon and temperature smaller.
-
@rudibarani in your config, set the
timeFormat
toHH:mm
and you shoudl see 24-hour format.I just tried this. My config looks like this:
{ module: 'MMM-MyWeather', position: 'top_right', classes: 'default everyone', config: { apikey: '...', // private; don't share! pws: 'pws:IONTORON421', //Toronto Beaches units: 'metric', // other configs omitted for clarity timeFormat: 'HH:mm', //Set this here } },
And it looks like this:
-
@brandongomez You can target both of these in CSS as follows:
/* Icon */ .MMM-MyWeather .currentWeatherIconWrapper .currentWeatherIcon { max-width: 140px; max-height: 140px; /* play with these two values to get the size you want */ } /* temperature text */ .MMM-MyWeather div.large span.bright { font-size: 65px; line-height: 65px; /* play with these two numbers to adjust text size */ }
-
@j.e.f.f Ah - you are using the moments-timeformat. Now it works :)
I was confused, as the timeformat in the config.js was either “12” or “24”.
Thanks for the clarification! -
@rudibarani Yeah I like using the Moment.js format since it gives you the ultimate flexibility with how you want to display time.
Glad it’s working for you now! :)
-
@j.e.f.f Thanks for the quick response!
-
@j-e-f-f
In MMM-MyWeather …
I just saw that the clock for the sunset / sunrise is not displayed in the 24 hour format. Is there any option for setting this? Well searched but not found in the config options. -
@pjkoeleman Let me look into this. Likely overlooked in the code.
-
@j.e.f.f
Thanks in advance -
@pjkoeleman Try now. It’s a bit hacky… basically if your time format has a capital H in it, then it formats it in 24 hour time
HH:mm
, otherwise it will use 12 hour timeh:mm a
.I should probably make this a separate time format config parameter, but this should do for now.