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.
    • B Offline
      BD0G @Mykle1
      last edited by BD0G

      @Mykle1

      I have no custom.css file that was created during the install. I used the new installer script from @sdetweil when I installed my MagicMirror software.

      Here is a picture of the line I am referring to. It is below the text and above the moon image.
      https://www.dropbox.com/s/k1un0q2ofu6w02c/20191118_161043.jpg?dl=0

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

      S cowboysdudeC Mykle1M 3 Replies Last reply Reply Quote 0
      • 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
                        • 1
                        • 2
                        • 14
                        • 15
                        • 16
                        • 17
                        • 18
                        • 26
                        • 27
                        • 16 / 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