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.

    My display so far...

    Scheduled Pinned Locked Moved Showcase
    66 Posts 18 Posters 84.5k Views 22 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.
    • brandongomezB Offline
      brandongomez
      last edited by

      I’m sure there’s a way to do this in css but not sure how. I want to make the icon and temperature smaller.

      0_1498765163780_Screen Shot 2017-06-29 at 11.47.35 AM.png

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

        @rudibarani in your config, set the timeFormat to HH:mm and you shoudl see 24-hour format.

        I just tried this. My config looks like this:

            {
                module: 'MMM-MyWeather',
                position: 'top_right',
                classes: 'default everyone',
                config: {
                  apikey: '...', // private; don't share!
                  pws: 'pws:IONTORON421', //Toronto Beaches
                  units: 'metric',
                  // other configs omitted for clarity 
                  timeFormat: 'HH:mm',  //Set this here
                }
            },
        
        

        And it looks like this:

        0_1498766827572_Screen Shot 2017-06-29 at 4.03.28 PM.png

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

          @brandongomez You can target both of these in CSS as follows:

          /* Icon */
          .MMM-MyWeather .currentWeatherIconWrapper .currentWeatherIcon {
            max-width: 140px;
            max-height: 140px; /* play with these two values to get the size you want */
          }
          
          /* temperature text */
          .MMM-MyWeather div.large span.bright {
            font-size: 65px;
            line-height: 65px; /* play with these two numbers to adjust text size */
          }
          brandongomezB 1 Reply Last reply Reply Quote 0
          • rudibaraniR Offline
            rudibarani Project Sponsor @j.e.f.f
            last edited by

            @j.e.f.f Ah - you are using the moments-timeformat. Now it works :)
            I was confused, as the timeformat in the config.js was either “12” or “24”.
            Thanks for the clarification!

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

              @rudibarani Yeah I like using the Moment.js format since it gives you the ultimate flexibility with how you want to display time.

              Glad it’s working for you now! :)

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

                @j.e.f.f Thanks for the quick response!

                1 Reply Last reply Reply Quote 0
                • pjkoelemanP Offline
                  pjkoeleman
                  last edited by

                  @j-e-f-f
                  In MMM-MyWeather …
                  I just saw that the clock for the sunset / sunrise is not displayed in the 24 hour format. Is there any option for setting this? Well searched but not found in the config options.

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

                    @pjkoeleman Let me look into this. Likely overlooked in the code.

                    pjkoelemanP 1 Reply Last reply Reply Quote 1
                    • pjkoelemanP Offline
                      pjkoeleman @j.e.f.f
                      last edited by

                      @j.e.f.f
                      Thanks in advance

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

                        @pjkoeleman Try now. It’s a bit hacky… basically if your time format has a capital H in it, then it formats it in 24 hour time HH:mm, otherwise it will use 12 hour time h:mm a.

                        I should probably make this a separate time format config parameter, but this should do for now.

                        pjkoelemanP 1 Reply Last reply Reply Quote 1
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 5 / 7
                        • 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