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.

    Weatherunderground - currently - hourly - daily - configurable

    Scheduled Pinned Locked Moved Utilities
    182 Posts 47 Posters 357.7k Views 51 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.
    • KimzerK Offline
      Kimzer
      last edited by

      Using a different pws worked for me. Now its all good.
      Only wondering how i can change the colors of the temperature and the weather forecast text, anyone got some custom css for it? =)

      J 1 Reply Last reply Reply Quote 0
      • J Offline
        j.e.f.f Project Sponsor Module Developer @Kimzer
        last edited by j.e.f.f

        @Kimzer which part are you looking to change? The big temperature in current conditions? Or the min/max temps in the forecast table? Same question for the forecast text – is this the current day’s forecast (i.e.: grey text above the large current temperature) or the text within the forecast table? Also, are you using the vertical or horizontal layout? If I recall correctly, the class names change slightly with the layout. Let me know and I can get you started with the CSS.

        1 Reply Last reply Reply Quote 0
        • KimzerK Offline
          Kimzer
          last edited by Kimzer

          alt text

          The parts marked in red is what i want to change color on (Y)
          Thanks for helping j.e.f.f :)

          J 1 Reply Last reply Reply Quote 0
          • J Offline
            j.e.f.f Project Sponsor Module Developer @Kimzer
            last edited by

            @Kimzer Try these. Adjust the color values as you like.

            For the large temperature display:

            .MMM-WunderGround .large .bright {
              color: #FFFFCC;
            }
            

            The human-readable text forecast:

            .MMM-WunderGround table.small tr:first-child td {
              color: #FFFFCC;
            }
            

            The hours in the forecast table:

            .MMM-WunderGround .hourv {
              color: #FFFFCC;
            }
            

            I applied these style to the MMM-WunderGround module and you can see how these three items are coloured the buttery colour I specified:

            0_1499261020868_Screen Shot 2017-07-05 at 9.23.23 AM.png

            F 1 Reply Last reply Reply Quote 0
            • KimzerK Offline
              Kimzer
              last edited by

              Perfect! Thanks alot! :D

              1 Reply Last reply Reply Quote 0
              • F Offline
                Fonfon @j.e.f.f
                last edited by

                @j.e.f.f How you make a table style ? i love it !

                J 1 Reply Last reply Reply Quote 0
                • J Offline
                  j.e.f.f Project Sponsor Module Developer @Fonfon
                  last edited by

                  @Fonfon That’s the default for MMM-WunderGround, using the custom styles I posted above. Here’s my config:

                      {
                          module: 'MMM-WunderGround',
                          position: 'top_right',
                          config: {
                              apikey: 'my_api_key', // private; don't share!
                              pws: 'pws:IONTORON421',
                              hourly: '1',
                              fctext: '1',
                              fcdaycount: "5",
                              fcdaystart: "0",
                              hourlyinterval: "3",
                              hourlycount: "2",
                              alerttime: 10000,
                              alerttruncatestring: "english:",
                              roundTmpDecs: 1,
                              UseCardinals: 0,
                              layout: "vertical",
                              sysstat: 0,
                              coloricon: true,
                          }
                      },
                  
                  F 1 Reply Last reply Reply Quote 0
                  • F Offline
                    Fonfon @j.e.f.f
                    last edited by

                    @j.e.f.f ok layout change i’m in a horizontale style not verticale
                    thanks man ;)

                    1 Reply Last reply Reply Quote 0
                    • F Offline
                      fredall
                      last edited by

                      Hi is it possible to combine the horizontal view for the hourly forecast and vertical for daily ?

                      1 Reply Last reply Reply Quote 0
                      • M Offline
                        maestro82
                        last edited by

                        What variables control the size of the large current weather icon and the small forecast icons? I was trying to make the current icon slightly smaller and have somehow managed to make the forecast icon micro sized. Can’t seem to get it back now.

                        Thanks,

                        M 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 15
                        • 16
                        • 17
                        • 18
                        • 19
                        • 18 / 19
                        • 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