MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Changing icons of the modules Current Weather and Weather Forecast

    Scheduled Pinned Locked Moved Development
    301 Posts 30 Posters 1.3m Views 33 Watching
    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 Offline
      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 Offline
        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 Offline
          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 Offline
            PhilReis @Tagriel
            last edited by

            @tagriel i will test it.

            1 Reply Last reply Reply Quote 0
            • T Offline
              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 Offline
                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 Offline
                  homerj99
                  last edited by homerj99

                  looks great, thanks so much

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

                    @vulcain

                    best solution for my Icons - good job!

                    1 Reply Last reply Reply Quote 0
                    • F Offline
                      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 Offline
                        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
                        • 30
                        • 31
                        • 4 / 31
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy