• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 174.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 @Mykle1
    last edited by Aug 30, 2017, 3:20 PM

    @Mykle1 is there a way to scale the entire Module? I’ve tried doing the graph but the forecast is still huge on my screen.

    S M 2 Replies Last reply Aug 30, 2017, 7:18 PM Reply Quote 0
    • S Offline
      strawberry 3.141 Project Sponsor Module Developer @Littlejohn21
      last edited by Aug 30, 2017, 7:18 PM

      @Littlejohn21 you can try

      .MODULENAME {
        transform: scale(0.5, 0.5);
      }
      

      if you replace modulename with your actual module name, this should give you a height and with of 50% of the actual size

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

      1 Reply Last reply Reply Quote 0
      • M Offline
        Mykle1 Project Sponsor Module Developer @Littlejohn21
        last edited by Aug 30, 2017, 8:01 PM

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

        is there a way to scale the entire Module? I’ve tried doing the graph but the forecast is still huge on my screen.

        Follow @strawberry-3-141 instructions. I can’t imagine why your forecast would be huge. I do have a question for you. What position have you assigned to the weatherforecast module in the config?

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 0
        • L Offline
          Littlejohn21
          last edited by Aug 31, 2017, 12:27 PM

          @strawberry-3-141 @Mykle1

          im having trouble getting it to accept the line you provided it gives me the syntax error code when starting the program. am i supposed to have it inside the MMM-forecast-io module or in its own spot? ive tried both, tried without the . infront of the module name tried with a space after scale ect.

          the position is top left and it takes up alsost 1/2 the top of the screen.

          1 Reply Last reply Reply Quote 0
          • L Offline
            Littlejohn21
            last edited by Aug 31, 2017, 12:55 PM

            @Mykle1 @strawberry-3-141

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

            Y 1 Reply Last reply Aug 31, 2017, 1:27 PM Reply Quote 0
            • Y Offline
              yawns Moderator @Littlejohn21
              last edited by Aug 31, 2017, 1:27 PM

              @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 Aug 31, 2017, 1:47 PM Reply Quote 0
              • L Offline
                Littlejohn21 @yawns
                last edited by Aug 31, 2017, 1:47 PM

                @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 Aug 31, 2017, 3:03 PM

                  @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 :)

                  M 1 Reply Last reply Aug 31, 2017, 9:03 PM Reply Quote 0
                  • M Offline
                    Mykle1 Project Sponsor Module Developer @Littlejohn21
                    last edited by Aug 31, 2017, 9:03 PM

                    @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
                    • P Offline
                      pyrosmiley
                      last edited by Oct 20, 2017, 2:39 PM

                      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 Oct 25, 2017, 4:31 AM Reply Quote 0
                      • 1
                      • 2
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 12
                      • 13
                      • 7 / 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