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.

    MMM-forecast-io -- Localized up to the minute weather

    Scheduled Pinned Locked Moved Utilities
    127 Posts 36 Posters 201.0k Views 38 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.
    • L Offline
      Littlejohn21
      last edited by

      @Mykle1 @strawberry-3-141

      here is a screen shot for reference. 0_1504184130418_2017-08-31-085210_1016x1856_scrot.png

      yawnsY 1 Reply Last reply Reply Quote 0
      • yawnsY Offline
        yawns Moderator @Littlejohn21
        last edited by

        @Littlejohn21
        The lines provided by Mykle and Strawberry need to go into custom.css in your css folder, not into the module file.

        L 1 Reply Last reply Reply Quote 0
        • L Offline
          Littlejohn21 @yawns
          last edited by

          @yawns
          Literally just found that out and tried it! haha it worked thanks guys!!

          1 Reply Last reply Reply Quote 0
          • L Offline
            Littlejohn21
            last edited by

            @Mykle1 @strawberry-3-141 @yawns

            now im having an issue where it wont sit in the corner if that makes sense?it keeps a buffer only on the MMM-forecast-io all others are right agains the edge i installed

            body {
              margin: 0px;
              height: 100%;
              width: 100%;
            

            and that moved everything else to the edge but forcast-io stayed it even keeps a buffer when i relocate it to the other side of the screen…

            0_1504191718436_2017-08-31-110120_1016x1856_scrot.png

            sorry bout the phrase it was the first thing i figured out how to edit and since i’m making this for the wife well… figured i’d have fun with it :)

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

              @Littlejohn21 said in MMM-forecast-io -- Localized up to the minute weather:

              sorry bout the phrase

              LMFAO! That is PERFECT!

              Ok, so, in honor of your wife’s #@#'s, you can try this entry in your custom.css file. I assume you want to move the module to the right and up, so you only need margin-right: -40px; and margin-top: -40px;. Adjust those numbers accordingly until you get the result you want.

              .MMM-MODULENAME {
                margin-left: 0px;
                margin-right: -40px; 
                margin-top: -40px;
                margin-bottom: 0px;
              }

              Create a working config
              How to add modules

              1 Reply Last reply Reply Quote 0
              • pyrosmileyP Offline
                pyrosmiley
                last edited by

                Hey quick question: how do I change the color of the precipitation graph? I’ve got a decent amount of custom CSS that’s working (including other things for this module) but for the life of me I cannot seem to change this one element?
                Here’s what I’ve got going on for this module right now (more icon colors elsewhere, I gotta clean up the file!):

                .MMM-forecast-io .summary {color: #aaa;}
                
                .MMM-forecast-io .forecast-row .weathericon {color: #aaa}
                .MMM-forecast-io .wi-night-alt-cloudy {color: #1a659e}
                .MMM-forecast-io .wi-volcano {color: #8c2f39}
                
                .MMM-forecast-io .precipitation-graph {color: #1a659e;}
                
                .small.MMM-forecast-io .forecast {
                  margin-right: 0px;
                  margin-left: auto;
                }
                .small.MMM-forecast-io .summary {
                  text-align: right;
                }
                

                I’m absolutely positive I’m missing something dumb here

                D 1 Reply Last reply Reply Quote 0
                • D Offline
                  dmcinnes Module Developer @pyrosmiley
                  last edited by

                  @pyrosmiley Hello! The precipitation graph is created using an HTML Canvas so unfortunately the colors cannot be tweaked by CSS apart from the border. The Javascript will need to be modified to support additional colors. Here is where the color is set for the curve and further up it draws the horizontal lines and tick marks. Ideally these colors are configurable. I’ve added an issue to the repo to track it!

                  I’m knee deep in another project, so if someone wants to take a crack at it, please be my guest :)

                  pyrosmileyP 1 Reply Last reply Reply Quote 1
                  • pyrosmileyP Offline
                    pyrosmiley @dmcinnes
                    last edited by

                    @dmcinnes Oh, okay — that makes a lot of sense! Glad to know it’s not just me missing something. I’ll take a look at the html and see what I can do, thanks for pointing that out for me.

                    1 Reply Last reply Reply Quote 1
                    • M Offline
                      mongo116 Module Developer @jinjirosan
                      last edited by

                      @jinjirosan Hi, have you made the changes available to download? Would like to give it a go as currently using a combination of the default weather and forecast-io.

                      pyrosmileyP 1 Reply Last reply Reply Quote 1
                      • B Offline
                        Basanth_Kumar
                        last edited by

                        Hello! as i am completely new to this MM…i am unable to where the icons images are placed…if anybody knows that,guide me , so that i want to change the UI for mine…

                        pyrosmileyP 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 6
                        • 7
                        • 8
                        • 9
                        • 10
                        • 11
                        • 12
                        • 13
                        • 8 / 13
                        • 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