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-Lunartic

    Scheduled Pinned Locked Moved Education
    266 Posts 30 Posters 429.6k Views 29 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.
    • S Offline
      sdetweil @BD0G
      last edited by

      @BD0G yep… then add the lines Mykle1 gave you, inside the braces

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • B Offline
        BD0G
        last edited by

        :thumbsup

        1 Reply Last reply Reply Quote 0
        • cowboysdudeC Offline
          cowboysdude Module Developer @BD0G
          last edited by

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • Mykle1M Offline
            Mykle1 Project Sponsor Module Developer @BD0G
            last edited by

            @BD0G said in MMM-Lunartic:

            I think a centered text that reads “Moon Phase” and no line would be more aesthetically pleasing.

            Ohhhhh, the header underline!!!

            When you do get a custom.css file, try this (outside the body)

            body {
            }
            
            MMM-Lunartic .header {
              border-bottom: none;
            }

            Create a working config
            How to add modules

            1 Reply Last reply Reply Quote 0
            • B Offline
              BD0G
              last edited by

              I tried your suggestion (thanks) and the top header line is still showing. Here is the contents of my custom.css

              /*****************************************************
               * Magic Mirror                                      *
               * Custom CSS                                        *
               *                                                   *
               * By Michael Teeuw http://michaelteeuw.nl           *
               * MIT Licensed.                                     *
               *                                                   *
               * Add any custom CSS below.                         *
               * Changes to this files will be ignored by GIT. *
               *****************************************************/
              
               body {
               	.MMM-Lunartic .xsmall.bright {
                font-size:22px;
              }
              
              .MMM-Lunartic img.photo {
              /*  display: none;              uncomment if you don't want an image */
                width: 100%;                /* adjust size of moon picture */
                margin-left: 0px;          /* Precisely align moon picture with these */
                margin-right: 0px;
                margin-top: 0px;         /* -41px for current. -21px for animation or static. */
                margin-bottom: -11px;      /* -51px for current. -21px for animation or static. */
              }
              MMM-Lunartic .header {
                border-bottom: none;
              }
              
              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @BD0G
                last edited by

                @BD0G said in MMM-Lunartic:

                MMM-Lunartic .header {
                missing the dot in front of MMM-Lunartic

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                B 1 Reply Last reply Reply Quote 1
                • B Offline
                  BD0G @sdetweil
                  last edited by

                  @sdetweil Strangely the line is still there and I just copied and pasted from @Mykle1 post above and since it was missing the period thats how it landed in my custom.css.

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

                    @BD0G

                    My bad. Sorry about that missing dot. Thanks to @sdetweil for spotting the mistake.

                    Create a working config
                    How to add modules

                    B 1 Reply Last reply Reply Quote 0
                    • B Offline
                      BD0G @Mykle1
                      last edited by

                      @Mykle1 I guess Im stuck with the line…

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

                        @BD0G said in MMM-Lunartic:

                        I guess Im stuck with the line…

                        No, here it is. I just tested it. I’m sorry if I gave you bad info earlier. Forgive me? :-)

                        Goes into your custom.css file, exactly as written. NO DOT BEFORE “header”. Guaranteed!

                        .MMM-Lunartic header {
                          border-bottom: none;
                          text-align: center;
                          color: cyan;
                        }
                        

                        Proof!
                        0_1574221010114_Screenshot from 2019-11-19 22-33-28.png

                        Again, I apologize for error.

                        Create a working config
                        How to add modules

                        B 1 Reply Last reply Reply Quote 1
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 8
                        • 26
                        • 27
                        • 6 / 27
                        • 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