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.

    Throwing down the gauntlet

    Scheduled Pinned Locked Moved Troubleshooting
    85 Posts 11 Posters 92.8k Views 11 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.
    • Mykle1M Offline
      Mykle1 Project Sponsor Module Developer
      last edited by

      My 1st mirror is nearly perfect thanks to some very talented and generous people here. If I mention Strawberry-3.141 again, people are going to start talking about “us”, but this dude is a miracle worker.

      So, here it is. What I thought was my final rendition of my layout, isn’t. As you can see, I was using the clock, currentweather and weatherforecast modules. I had currentweather under the clock and weatherforecast to the right. That was ok.
      0_1487289734839_Originaledit.jpg

      But then I discovered the WunderGround weather module. With it, I get my weather from a weather station less than a mile from my home, instead of a generic or centrally located local station. And, I find the color icons visually stunning. But there is a small(?) problem. The current weather and the weather forecast within this module are tied together (I think), so I can’t put the current weather under the clock, as in the picture above.

      Below is a picture of how I would like my mirror to look. The simple answer (I think) would be to have the nice color icon in the currentweather module (if that’s possible). Also, you might have noticed that I edited out (of the picture) the predicted rainfall column on the far right of the weather forecast and moved the “umbrella” icon over the percentage column, strictly for the sake of spacing.
      0_1487291285210_NewIdea2edit.jpg

      The current weather icon is what I mostly desire. I can certainly live without the removal of the predicted rainfall amount column.

      Any challengers? :thinking:

      Seriously, thanks for all the help and patience you have all shown to me. :thumbsup:

      Create a working config
      How to add modules

      Mykle1M 1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @Mykle1
        last edited by Mykle1

        Ok, ok, this might appear creepy, but it’s just my way of saying thank you. I believe in giving credit where credit is due.

        Strawberry 3.141 has come to my aid once again, and in the dead of night (at least for him). Honestly, he is simply amazing at his craft. My custom.css file is not really mine at all. It’s virtually all his doing. Every time I came up with something I wanted to change (and was impossible for me), and posted my request, this dude swoops in like Superman and saves the day. I posted the above request and within minutes he was working on it. And a few short minutes later he had done EXACTLY what I had hoped for. Who does that?

        I was happy (at first) with using the default modules and some 3rd party modules but reading the inspiring posts here made me think, “What if I could have it my way?”

        So, for your kindness and generosity, and for your amazing knowledge and talent, I thank you.

        The creepy part? See compliments.
        0_1487298276113_IMG_1753edit.jpg

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 5
        • cowboysdudeC Offline
          cowboysdude Module Developer
          last edited by

          Yeah he has done that a lot for me too!! He’s a good guy!

          1 Reply Last reply Reply Quote 0
          • strawberry 3.141S Offline
            strawberry 3.141 Project Sponsor Module Developer
            last edited by

            if someone wants to achieve the same, actually there is the module wunderground twice (center and right), but once the forecast and the other time the current weather is hidden

            .region.top.center .MMM-WunderGround table.small, //selector for forecast
            .region.top.right .MMM-WunderGround table:not(.small), //selector for current weather
            .region.top.right .MMM-WunderGround table.small td:nth-child(6) { //selector for rain amount
              display:none;
            }
            

            Please create a github issue if you need help, so I can keep track

            Mykle1M lolobyteL 2 Replies Last reply Reply Quote 4
            • Mykle1M Offline
              Mykle1 Project Sponsor Module Developer @strawberry 3.141
              last edited by

              @strawberry-3.141 said in Throwing down the gauntlet:

              if someone wants to achieve the same, actually there is the module wunderground twice (center and right), but once the forecast and the other time the current weather is hidden

              The dude makes it sound so simple.

              You’re awesome! Take the day off. I promise, I won’t post any questions today. :smiley:

              Create a working config
              How to add modules

              1 Reply Last reply Reply Quote 1
              • lolobyteL Offline
                lolobyte @strawberry 3.141
                last edited by

                @strawberry-3.141

                Hi, @strawberry-3-141 , i’m missing something in your code.

                Where is the second curved bracket? Is somewhere more code?

                strawberry 3.141S 1 Reply Last reply Reply Quote 0
                • strawberry 3.141S Offline
                  strawberry 3.141 Project Sponsor Module Developer @lolobyte
                  last edited by

                  @lolobyte no that’s all, you can combine selectors with a comma. the open bracket is in line 3 and the closing bracket in line 5

                  it’s the short form for

                  .region.top.center .MMM-WunderGround table.small {
                    display:none;
                  }
                  .region.top.right .MMM-WunderGround table:not(.small) {
                    display:none;
                  }
                  .region.top.right .MMM-WunderGround table.small td:nth-child(6) {
                    display:none;
                  }
                  

                  Please create a github issue if you need help, so I can keep track

                  lolobyteL J 2 Replies Last reply Reply Quote 0
                  • lolobyteL Offline
                    lolobyte @strawberry 3.141
                    last edited by

                    @strawberry-3.141

                    … and all for custom css i think!

                    1 Reply Last reply Reply Quote 0
                    • jproehlJ Offline
                      jproehl
                      last edited by

                      Hi:

                      Newbie here: I really like the design layout you’ve come up with - Kudos! However, can’t make heads or tails out of exactly what code I put where? Are the lines you list placed in config.js or in custom.css? If possible, can you post the part of your config.js and/or custom.css files (with appid and any other personal info erased, of course) that gives this display?

                      Thanks!
                      jproehl

                      strawberry 3.141S Mykle1M 2 Replies Last reply Reply Quote 0
                      • strawberry 3.141S Offline
                        strawberry 3.141 Project Sponsor Module Developer @jproehl
                        last edited by

                        @jproehl all I posted here goes into the custom.css file

                        Please create a github issue if you need help, so I can keep track

                        jproehlJ 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 8
                        • 9
                        • 1 / 9
                        • 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