Weatherunderground - currently - hourly - daily - configurable

[Kimzer]

My temperature isnt changing whatsoever, it stays stuck on 17.3 degrees, what could be the issue here? Anyone?

[bhepler]

@Kimzer Most likely, it’s a problem with the Weather Underground database. If something is preventing them from receiving an update from the weather station they use to provide you with conditions, then they’ll just stay there until they resolve the issue.

You could try shifting the forecast to another location just to verify that the temperature does change over time. If other locations update, then the problem is on their end. If it doesn’t update temperature at all, then come back and we’ll see what we can find.

[cyberphox]

Mine is stuck on 20.0 degrees for a few weeks now…haven’t had time to troubleshoot it either…

[Mykle1]

@cyberphox said in Weatherunderground - currently - hourly - daily - configurable:

Mine is stuck on 20.0 degrees for a few weeks now…haven’t had time to troubleshoot it either…

Try what @bhepler suggested. Try a different pws: to see if that’s the problem. Here is mine if you want to test with that. It’s working normally.

pws: 'pws:KNYNEWYO103',

[Kimzer]

Using a different pws worked for me. Now its all good.
Only wondering how i can change the colors of the temperature and the weather forecast text, anyone got some custom css for it? =)

[j.e.f.f]

@Kimzer which part are you looking to change? The big temperature in current conditions? Or the min/max temps in the forecast table? Same question for the forecast text – is this the current day’s forecast (i.e.: grey text above the large current temperature) or the text within the forecast table? Also, are you using the vertical or horizontal layout? If I recall correctly, the class names change slightly with the layout. Let me know and I can get you started with the CSS.

[Kimzer]

The parts marked in red is what i want to change color on (Y)
Thanks for helping j.e.f.f :)

[j.e.f.f]

@Kimzer Try these. Adjust the color values as you like.

For the large temperature display:

.MMM-WunderGround .large .bright {
  color: #FFFFCC;
}

The human-readable text forecast:

.MMM-WunderGround table.small tr:first-child td {
  color: #FFFFCC;
}

The hours in the forecast table:

.MMM-WunderGround .hourv {
  color: #FFFFCC;
}

I applied these style to the MMM-WunderGround module and you can see how these three items are coloured the buttery colour I specified:

[Kimzer]

Perfect! Thanks alot! :D

[Fonfon]

@j.e.f.f How you make a table style ? i love it !

[j.e.f.f]

@Fonfon That’s the default for MMM-WunderGround, using the custom styles I posted above. Here’s my config:

    {
        module: 'MMM-WunderGround',
        position: 'top_right',
        config: {
            apikey: 'my_api_key', // private; don't share!
            pws: 'pws:IONTORON421',
            hourly: '1',
            fctext: '1',
            fcdaycount: "5",
            fcdaystart: "0",
            hourlyinterval: "3",
            hourlycount: "2",
            alerttime: 10000,
            alerttruncatestring: "english:",
            roundTmpDecs: 1,
            UseCardinals: 0,
            layout: "vertical",
            sysstat: 0,
            coloricon: true,
        }
    },

[Fonfon]

@j.e.f.f ok layout change i’m in a horizontale style not verticale
thanks man ;)

[fredall]

Hi is it possible to combine the horizontal view for the hourly forecast and vertical for daily ?

[maestro82]

What variables control the size of the large current weather icon and the small forecast icons? I was trying to make the current icon slightly smaller and have somehow managed to make the forecast icon micro sized. Can’t seem to get it back now.

Thanks,

[maestro82]

@maestro82 Got it, a little trail and error.

[Mykle1]

@maestro82 said in Weatherunderground - currently - hourly - daily - configurable:

Got it, a little trail and error.

Perhaps you’ll share what you have done so that others might benefit from your experience? :-)

[maestro82]

@Mykle1
So by playing (I do mean playing as I am a newbie) with the MMM_WunderGround.css file, discovered:

.MMM-WunderGround .weather-icon (is the small forecast icon)
I was able to adjust size by changing the width.

.MMM-WunderGround .currentWeatherIcon (is large symbol next to current temp)
I was able to adjust the width and height % to change size.

[Mykle1]

Well done mate!

[maestro82]

Myke1

Can’t seem to figure out what controls font size of the forecasted precipitation % field. Any hints?

Thanks

[Mykle1]

@maestro82 said in Weatherunderground - currently - hourly - daily - configurable:

Any hints?
You can play with these in your custom.css file. GO crazy!

.MMM-WunderGround .weathericon {
  font-size: 45%;
  line-height: 5px;
  display: inline-block;
  -ms-transform: translate(0, -3px); /* IE 9 */
  -webkit-transform: translate(0, -3px); /* Safari */
  transform: translate(0, -3px);
} 
.MMM-WunderGround .day {
  padding-left: 0;
#  padding-right: 10px;
}

.MMM-WunderGround .vcen {
   vertical-align: top;
}

.MMM-WunderGround .weather-icon {
  padding-left: 0px;
  text-align: center;
  width:50px; 
}

.MMM-WunderGround .max-temp {
  padding-left: 0px;
  padding-right: 0;
}

.MMM-WunderGround .min-temp {
#  padding-left: 10px;
#  padding-right: 0;
}

.MMM-WunderGround .forecastText {
# padding-left: 10px;
#  padding-right: 0;
#  word-wrap: break-word;
#  text-align: right;
#  rowspan: 0;
}

.MMM-WunderGround .tableheader {
  font-size: 75%;
  text-align: center;
} 

.MMM-WunderGround .hour {
  font-size: 75%;
  text-align: center;
 } 

.MMM-WunderGround .pop {
  font-size: 86%;
} 
.MMM-WunderGround .mm {
  font-size: 75%;
} 

.MMM-WunderGround .green {
  color: #83FFB3;
}

.MMM-WunderGround .yellow {
  color: yellow;
}

.MMM-WunderGround .red {
  color: #FF4C4C;
}

.MMM-WunderGround .center {
	text-align: center;
	padding-right: 10px; 
}
	
.MMM-WunderGround .left {
	text-align: left;
}

.MMM-WunderGround .lpad {
	padding-left: 10px; 
}

.MMM-WunderGround .currentWeatherIcon {
  font-size: 75%;
  line-height: 45px;
  display: inline-block;
  -ms-transform: translate(0, -3px); /* IE 9 */
  -webkit-transform: translate(0, -3px); /* Safari */
  transform: translate(0, -3px);
  width: 40%;
  height: 40%;
} 

.MMM-WunderGround .forecastWeatherIcon {
  font-size: 75%;
  line-height: 65px;
  display: inline-block;
  -ms-transform: translate(0, -3px); /* IE 9 */
  -webkit-transform: translate(0, -3px); /* Safari */
  transform: translate(0, -3px);
  width: 50%;
} 

.MMM-WunderGround .moonPhaseIcon {
  height: 34px;
  vertical-align: middle;
} 

.MMM-WunderGround .hrDivider {
        font-size: 10px;
}

.MMM-WunderGround .sub {
    vertical-align: sub;
    font-size: smaller;
}

.MMM-WunderGround .smaller {
    font-size: 60%;
}