My display so far...

[rudibarani]

Hi @j.e.f.f,
I have just tried the new commit you made today. Unfortunately, the module does not load anymore and shows only “loading”. The console does not throw any error. Do I have to change something in my config-file to adapt to the changes you made?

[j.e.f.f]

@rudibarani no it was a big fix. Can you send me your config? I likely broke something along the way.

[rudibarani]

@j.e.f.f It worked before your update and I did not change anything.
The relevant part is:

{
			module: 'MMM-MyWeather',
			position: 'top_center',
			config: {
				apikey: '###', // private; don't share!
				pws: 'pws:IBRAUNSC93',
				units: 'metric',
				coloricon: true,
				fcdaycount: "3",
				fcdaystart: "0",
				lang: 'de',
				fctext: '1',
				scaletxt: '0',
				daily: '1',
				hourly: '1',
				hourlyinterval: "3",
				hourlycount: "3",
				fade: false,
				fadepoint: '0.75',
				initialLoadDelay: 1000,
				alerttime: 10000,
				alerttruncatestring: "english:",
				roundTmpDecs: 1,
				UseCardinals: 1,
				windunits: 'bft',
				layout: "vertical",
				iconset: 'colourful',
				currentweather: 1, // 0 to hide
				currentweatherdetails: 0,
				forecasttable: 1, // 0 to hide
				forecasttablecolumnheadericons: 0,
				forecasttableheadertext: "Home",
				sysstat: 0
			}
		},

[j.e.f.f]

@rudibarani thanks. I’ll take a look tonight when I get home from work.

[j.e.f.f]

@rudibarani Ok try pulling the latest commit. I indeed broke the default timeFormat setting. I didn’t notice because my config was using an explicit configuration option.

[rudibarani]

@j.e.f.f Now its working again, but the timeformat still does not show up in the 24h format:

Thanks a lot and greetings from Germany.

[brandongomez]

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.

[j.e.f.f]

@rudibarani in your config, set the timeFormat to HH: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:

[j.e.f.f]

@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 */
}

[rudibarani]

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