Weatherunderground - currently - hourly - daily - configurable

[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.