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.
    • J Offline
      jbeck615 @Mykle1
      last edited by

      @Mykle1 quick question, at the bottom of the css coding above, what does “selector” mean? thanks again!

      strawberry 3.141S 1 Reply Last reply Reply Quote 0
      • 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
                        • 1
                        • 2
                        • 5
                        • 6
                        • 7
                        • 8
                        • 9
                        • 8 / 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