MagicMirror² v2.14.0 is available! For more information about this release, check out this topic.

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

  • 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?

    ![Bild Text](0_1578403418360_Bildschirmfoto 2020-01-07 um 14.21.32.png Bild Link)

    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

  • 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?


  • Project Sponsor

    @trividar does your globe update automatically??

  • @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(

  • Module Developer

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

  • Module Developer


    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!

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

Log in to reply