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 97.7k 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.
    • strawberry 3.141S Offline
      strawberry 3.141 Project Sponsor Module Developer @jbeck615
      last edited by

      @jbeck615 it’s kind of a query to which elements you want a css rule to be applied

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

      1 Reply Last reply Reply Quote 1
      • C Offline
        cyberphox
        last edited by

        Almost accomplished this look today. Got some duplicate weather showing up I’m sure I can fix. The main problem I’m having is: No Realistic icons for weather at all. :(

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

          @cyberphox said in Throwing down the gauntlet:

          Almost accomplished this look today. Got some duplicate weather showing up I’m sure I can fix. The main problem I’m having is: No Realistic icons for weather at all.

          Are you using WunderGround weather? If so, make sure you have coloricon: true, in your config. Like this.

          module: 'MMM-WunderGround', // Just for current weather
              			position: 'top_center',
              			config: {
                  		apikey: 'YOUR API KEY', // private; don't share!
                  		pws: 'pws:KNYNEWYO103', // Richmondtown Weather Station - Very Cool
          			currentweather: 1,
                  		coloricon: true,
          			animationSpeed: 5000,
              			roundTmpDecs: 0,
              			UseCardinals: 1,
          			windunits: "mph", // bft or mph
          

          Create a working config
          How to add modules

          C 1 Reply Last reply Reply Quote 0
          • C Offline
            cyberphox @Mykle1
            last edited by

            @Mykle1 Definitely using WunderGround…got the colors changed and have coloricon: true…gonna go double check it again! lol

            1 Reply Last reply Reply Quote 0
            • C Offline
              cyberphox
              last edited by

              @Mykle1 ok so turns out all this time I was using an older WunderGround module. Once I did a git pull and updated - bam - there were the realistic icons!

              Now I have to play with widths! how did you manage to fit your calendar, date/weather, and weather forecast all along the top! LOL

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

                @cyberphox said in Throwing down the gauntlet:

                @Mykle1 ok so turns out all this time I was using an older WunderGround module. Once I did a git pull and updated - bam - there were the realistic icons!

                Yup, that’ll do it. You won’t forget that ever again, will ya? ;-)

                Now I have to play with widths! how did you manage to fit your calendar, date/weather, and weather forecast all along the top! LOL

                in custom.css

                body {
                  margin: 20px; /* This made the entire screen have a 20px border. Thanks to Strawberry-3.141  */
                  height: calc(100% - 40px);
                  width: calc(100% - 40px);
                }
                

                That gives you a margin of only 20pixels around the entire screen. You can go even closer but I didn’t want anything too close to the edge. That’s enough to gain you some more real estate. Also, I have my monitor set to its highest resolution. You might want to try that.
                Then I simply put calendar in top_left, date and weather both top_middle and weather forecast top_right.

                Create a working config
                How to add modules

                C 1 Reply Last reply Reply Quote 1
                • C Offline
                  cyberphox @Mykle1
                  last edited by cyberphox

                  @Mykle1 Tried adding the CSS and didn’t really seem like anything changed. Checked my monitor settings in Display settings and it said it detected my monitor at 1015x1856
                  Maybe I’m not getting a full 1200x1920 resolution?

                  Never mind…running tvservice -s shows 1920x1080 resolution…must be something little i am missing again!

                  1 Reply Last reply Reply Quote 0
                  • C Offline
                    cyberphox
                    last edited by

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • A Offline
                      Advokaten
                      last edited by

                      Thanks for posting this! I just have a problem with systemstats-module. If I have a space between “System” and “Load”, the two words will go into two lines. If I write in “System_Load”, however, I get it to stay on one line. It’s like there’s a < br > hidden somewhere lol. Any ideas? Thanks again.

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

                        Can someone please tell me how i can change the color of the numbers next to the sun? The 17.3 degrees bit.
                        alt text

                        And here, can someone please tell me how i can change the color of the song title, there are two of them in white so both preferably.
                        alt text

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