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

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