MMM-DarkSkyForecast one part to other section ? - styling question

[trividar]

Hi all and @j-e-f-f ;o)

It is possible to move just the actual wether icon to to middle section of my Mirror and make it larger?


and my second question is, It’s possible to add animated “.mov” format icons to this module? I have found some amazing icons, but just bevor I buy it i will be shure that it will be working…metgraphics Could someone help me with this? THX

[trividar]

Hmmmm no one can help?
In general is that possible just to move this icons or a part from a module to an other section with css?

THX

[Stoffbeuteluwe]

@trividar does your globe update automatically??

[trividar]

@Stoffbeuteluwe thats an old picture, so I don‘t use the globe anymore. I would like to have a big actually animated weather icon. But can‘t figure it out how to do that ;0(

[lavolp3]

@trividar You can’t easily move part of a module to a completely different section.
So my answer is: “Not without tricks”.
One “trick” would be to use the module in the center region a second time and hide everything but the cloud for that specific module. Slightly messy but possible via css.

To the second question: There are animated icons included in MMM-DarkSkyForecast. Maybe have a look at that and check how these are implemented.

[lavolp3]

@trividar

I would like to have a big actually animated weather icon. But can‘t figure it out how to do that

Also possible using MMM-DarkSkyForecast.

You need to hide all forecast elements, all extra current conditions

showExtraCurrentConditions: false,
showSummary: false,
showHourlyForecast: false,
showDailyForecast: false

and via your custom.css you need to set

.MMM-DarkSkyForecast .current.temperature {
    display: none;
}

That hides hides current temperature and only shows the current icon.
If you want to keep a complete second darksky-module you need to limit above selector to the region you where you want to hide the elements,
e.g. .middle_center .MMM-DarkSkyForecast .current.temperature

No guarantees this will work!

[trividar]

@lavolp3 Thanks sooooo much!! I will try your suggestion and let you know if it worked. The current weather icons are animated, but not as cool as this one in .mov ;o) But first I will try to have only the icon in the middle of the screen. Thanks!!!