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-moon-phases don't work for me

    Scheduled Pinned Locked Moved Troubleshooting
    36 Posts 4 Posters 17.0k Views 4 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 @justjim1220
      last edited by Mykle1

      @justjim1220

      Looks great. You can move the moon using the css file too, if you want it closer to the text

      Create a working config
      How to add modules

      justjim1220J 1 Reply Last reply Reply Quote 0
      • justjim1220J Offline
        justjim1220 Module Developer @Mykle1
        last edited by

        @mykle1

        Yeah, I saw that. Very cool. I like when they can be modified like that.

        "Life's Too Short To Dance With Ugly People"
        Jim Hallock - 1995

        1 Reply Last reply Reply Quote 0
        • justjim1220J Offline
          justjim1220 Module Developer @Mykle1
          last edited by

          @mykle1

          That I didn’t see. I’ll have to take a look… :smiling_face_with_sunglasses:

          "Life's Too Short To Dance With Ugly People"
          Jim Hallock - 1995

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

            @justjim1220

            .MMM-Lunartic .photo { 
            /*  display: none;              uncomment if you don't want an image */           
              width: 75%;                /* adjust size of moon picture */
              margin-left: 0px;          /* Precisely align moon picture with these */
              margin-right: 0px;
              margin-top: -21px;         /* -41px for current. -21px for animation or static. */
              margin-bottom: -21px;      /* -51px for current. -21px for animation or static. */
            }
            

            Create a working config
            How to add modules

            justjim1220J 2 Replies Last reply Reply Quote 0
            • justjim1220J Offline
              justjim1220 Module Developer @Mykle1
              last edited by

              @mykle1

              Looks like i’m gonna have to play with the numbers, I set it for current and it doesn’t look like anything changed…

              0_1530406511781_Screenshot (18).png

              "Life's Too Short To Dance With Ugly People"
              Jim Hallock - 1995

              1 Reply Last reply Reply Quote 0
              • justjim1220J Offline
                justjim1220 Module Developer
                last edited by

                gotta figure out why NOAA is off on the temp… says 70, but it’s really 88… :slightly_frowning_face: :confused_face: :worried_face:

                "Life's Too Short To Dance With Ugly People"
                Jim Hallock - 1995

                1 Reply Last reply Reply Quote 0
                • justjim1220J Offline
                  justjim1220 Module Developer @Mykle1
                  last edited by

                  @mykle1

                  there’s no change for the -21 settings either … not understanding it… :worried_face: :worried_face: :worried_face:

                  "Life's Too Short To Dance With Ugly People"
                  Jim Hallock - 1995

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

                    @justjim1220

                    Try this to get the moon closer to the text

                    margin-bottom: -51px; /* -51px for current. -21px for animation or static. */

                    RTFM? ;-)

                    Create a working config
                    How to add modules

                    justjim1220J 3 Replies Last reply Reply Quote 1
                    • justjim1220J Offline
                      justjim1220 Module Developer @Mykle1
                      last edited by

                      @mykle1

                      RTFM???

                      Yeah, it would help if I was making the changes in my custom.css and not the Lunartic.css…LMAO!!!

                      but I am having an issue with the header…

                      0_1530407893133_Screenshot (19).png

                      "Life's Too Short To Dance With Ugly People"
                      Jim Hallock - 1995

                      1 Reply Last reply Reply Quote 0
                      • justjim1220J Offline
                        justjim1220 Module Developer @Mykle1
                        last edited by

                        @mykle1

                        Making changes in custom.css being over-ridden by the Lunartic.css and the .js files… if I change those, then it is sort of working… this is setting top margin to -11px and the bottom margin to -91px.

                        0_1530408635612_Screenshot (20).png

                        was kinda hoping to get the header to match the headers to the other modules… its close, but not quite the same. I will go back to my original setting for the header. I was using the header settings from the custom.css that all the modules are using from the start. I even tried using the same settings in the header in the Lunartic header settings…

                        .MMM-Lunartic .header {
                            color: yellow; /* Header color. Default is white. */
                            text-align: center;
                            text-transform: none;
                            font-size: 40px;
                            font-family: "Segoe Print", Arial, Helvetica, sans-serif;
                            font-weight: bolder;
                            border: 2px solid yellow;
                            border-radius: 25px;
                            line-height: 55px;
                            padding-bottom: 5px;
                            margin-bottom: 10px;
                        }
                        

                        0_1530409097824_Screenshot (21).png

                        this is with the header that is the same as the other headers and setting useHeader to false.
                        Just need to figure out why the header going behind the moon pic, Would be nice to have it a bit closer.

                        "Life's Too Short To Dance With Ugly People"
                        Jim Hallock - 1995

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