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.2k 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 sdetweil

      @BD0G there is one in ~/MagicMirror/css, it used to contain this

      /*****************************************************
       * 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 {
       	
       }
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @sdetweil Sam - Where is this file located . I have looked and looked.

        Here is the only file listed under MagicMirror/css

        0_1574122596527_554b7e43-1dd0-49cc-b521-ac993fbf5472-image.png

        S 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @BD0G
          last edited by

          @BD0G

          ~/MagicMirror/css

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            @BD0G weird… its still part of the repo, so it should have been installed

            I just checked and did a git clone, and the file is present

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @sdetweil Strangeness! I guess I will just create a file in that directory and name it custom.css and then paste in the code you posted above.

              S 1 Reply Last reply Reply Quote 0
              • 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
                        • 1
                        • 2
                        • 17
                        • 18
                        • 19
                        • 20
                        • 21
                        • 26
                        • 27
                        • 19 / 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