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

Scheduled Pinned Locked Moved Education
266 Posts 30 Posters 357.5k 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 Nov 19, 2019, 12:16 AM Nov 19, 2019, 12:15 AM

    @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 Nov 19, 2019, 12:16 AM Reply Quote 0
    • B Offline
      BD0G @sdetweil
      last edited by BD0G Nov 19, 2019, 12:16 AM Nov 19, 2019, 12:16 AM

      @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 Nov 19, 2019, 12:16 AM Reply Quote 0
      • S Offline
        sdetweil @BD0G
        last edited by Nov 19, 2019, 12:16 AM

        @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 Nov 19, 2019, 12:18 AM

          @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 Nov 19, 2019, 12:20 AM Reply Quote 0
          • B Offline
            BD0G @sdetweil
            last edited by Nov 19, 2019, 12:20 AM

            @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 Nov 19, 2019, 12:21 AM Reply Quote 0
            • S Offline
              sdetweil @BD0G
              last edited by Nov 19, 2019, 12:21 AM

              @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 Nov 19, 2019, 12:21 AM

                :thumbsup

                1 Reply Last reply Reply Quote 0
                • C Offline
                  cowboysdude Module Developer @BD0G
                  last edited by Nov 19, 2019, 3:18 AM

                  This post is deleted!
                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    Mykle1 Project Sponsor Module Developer @BD0G
                    last edited by Nov 19, 2019, 3:20 AM

                    @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 Nov 19, 2019, 5:17 PM

                      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 Nov 19, 2019, 5:21 PM Reply Quote 0
                      • 1
                      • 2
                      • 17
                      • 18
                      • 19
                      • 20
                      • 21
                      • 26
                      • 27
                      • 19 / 27
                      19 / 27
                      • First post
                        181/266
                        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