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.
    • 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
                      • M Offline
                        maestro82 @maestro82
                        last edited by

                        @maestro82 Got it, a little trail and error.

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