MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Changing icons of the modules Current Weather and Weather Forecast

    Development
    27
    61
    24942
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      Tagriel @PhilReis last edited by

      @philreis wow man it’s beautiful!!! I have a question for you, I’ve been wondering if instead of having an svg it could be done via js and css, like this project here:
      https://codepen.io/anon/pen/JmQqOw

      P 1 Reply Last reply Reply Quote 0
      • P
        PhilReis @Tagriel last edited by

        @tagriel i have used svg Icons because it was easier for me.
        I can try to make a solution with the CSS Icons which you have linked here.

        T 1 Reply Last reply Reply Quote 0
        • T
          Tagriel @PhilReis last edited by

          @philreis I’m wondering because my raspberry heat goes way up after displaying the new weather icons. I thought it might be bc of the svg files, does it happen to you? (are you using a raspberry?). I also wanted to share something with you, if I don’t have any modules, lets say, on my top_left screen, the current weather module only displays the degree without any icons, and if I add any other module to the top-left screen, then I can see the icons, its pretty strange 😞 do you happen to know what might be happening? I’ve been reading the code almost line by line trying to find if there is a table or div anywhere missing but I can’t seem to find anything.

          P 1 Reply Last reply Reply Quote 0
          • P
            PhilReis @Tagriel last edited by

            @tagriel i will test it.

            1 Reply Last reply Reply Quote 0
            • T
              Tagriel last edited by

              Thanks man! I’ve also got a question for you, it’s breaking my head, I’ve given a lot of days of debugging and searching what might be happening but I don’t find an answer.

              If I have my currentweather module on top_left alone, there’s no weather icon
              0_1541452997075_Captura de pantalla 2018-11-05 a las 22.20.25.png

              BUT if I put any other module on top_left below my current weather module, I can see the icon 😢
              0_1541453036867_Captura de pantalla 2018-11-05 a las 22.19.38.png

              I just don’t understand what I’m doing wrong, do you have any ideas?

              Thanks in advance!

              1 Reply Last reply Reply Quote 0
              • T
                Tagriel last edited by

                Hi all,

                I just found the issue. Just check there’s height and width on your custom.css

                .currentweather .weathericon {
                position: absolute;
                z-index: 0;
                height: 200px;
                width: 400px
                right: 180px;
                margin-top: -65px;
                margin-left: 30px;
                }

                1 Reply Last reply Reply Quote 0
                • H
                  homerj99 last edited by homerj99

                  looks great, thanks so much

                  1 Reply Last reply Reply Quote 0
                  • schwoediauer
                    schwoediauer @Vulcain last edited by

                    @vulcain

                    best solution for my Icons - good job!

                    1 Reply Last reply Reply Quote 0
                    • F
                      Fa @Vulcain last edited by

                      @vulcain can you copy/paste your custom.css in full please , it would help me
                      thanks

                      1 Reply Last reply Reply Quote 0
                      • V
                        vinp Module Developer last edited by

                        My CPU goes through the roof when I tried these animated icons last night. Anyone else seeing high CPU usage with them ?

                        J 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 4 / 7
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy