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

    Scheduled Pinned Locked Moved Utilities
    calendarmagicmirror2module
    78 Posts 19 Posters 40.1k Views 17 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.
    • BKeyportB Offline
      BKeyport Module Developer @marchvet
      last edited by

      @marchvet Yes, it’s actually not the module that’s the error though it’s the overall system.

      in css/custom.css:

      :root {
      	--gap-body-top: ??px;
      	--gap-body-right: ??px;
      	--gap-body-bottom: ??px;
      	--gap-body-left: ??px;
      	--gap-modules: ??px;
      }
      

      replace ?? with whatever value you find useful. the defaults are 60 for body and 30 for modules. I use 15 and 1 respectively.

      – Brendan

      The "E" in "Javascript" stands for "Easy"

      M 2 Replies Last reply Reply Quote 0
      • M Offline
        marchvet @BKeyport
        last edited by

        @BKeyport Thank you but I am not even sure how to get to the css/custom.css file?

        1 Reply Last reply Reply Quote 0
        • M Offline
          marchvet @BKeyport
          last edited by

          @BKeyport Thank you but I am not even sure how to get to the css/custom.css file?

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

            @marchvet ~/MagicMirror/css/custom.css

            is a file. if it doesn’t exist, create it

            touch ~/MagicMirror/css/custom.css

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            BKeyportB 1 Reply Last reply Reply Quote 0
            • BKeyportB Offline
              BKeyport Module Developer @sdetweil
              last edited by

              @sdetweil Thanks, Sam - I tend to think multiple platform so I leave the main directories off when I write…

              The "E" in "Javascript" stands for "Easy"

              S 1 Reply Last reply Reply Quote 2
              • S Offline
                sdetweil @BKeyport
                last edited by

                @BKeyport many new users don’t connect the names we talk about to the folders. many have not looked at the folders at all!

                my install script is a blessing and a curse. gets u up and running fast , but doesn’t teach you much.

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • M Offline
                  marchvet
                  last edited by

                  Thanks I appreciate it. Works like a charm!

                  1 Reply Last reply Reply Quote 1
                  • E Offline
                    Egnos
                    last edited by

                    Thanks @BKeyport great module!

                    My Mirror https://forum.magicmirror.builders/topic/17262/the-raspimirror-was-born/7

                    1 Reply Last reply Reply Quote 1
                    • BKeyportB Offline
                      BKeyport Module Developer @BKeyport
                      last edited by BKeyport

                      MAJOR Update -
                      29 Oct 2022 - Start Implementing streamlined CSS, add feature to move weekend around, documentation improvements.

                      This update will not break old CSS or code. I’ve made sure any changed CSS includes reference to old CSS for compatibility. Some CSS names are changing to make more sense. Un-needed duplicates are being eliminated.

                      New:
                      If all you’re doing is changing the appearance, the README.md file has new instructions on how to do this… You can actually delete your old long changes and simply have changes in one css element.

                      Now you can move the weekend. See the config table in README.

                      Now you can turn on or off the previous/next month display in the month grid regardless of number of months!

                      Let me know if you have any bugs or oddities.

                      Thanks!

                      The "E" in "Javascript" stands for "Easy"

                      BKeyportB 1 Reply Last reply Reply Quote 2
                      • BKeyportB Offline
                        BKeyport Module Developer @BKeyport
                        last edited by

                        Another big update.

                        Event visualization is now working. Module will underline in a color of your choice (see css in README.md) for any event pulled from MagicMirror’s default calendar module.

                        Other tweaks have occurred. Please read the readme completely to upgrade.

                        Thanks!

                        The "E" in "Javascript" stands for "Easy"

                        MZ-BERM pugslyP 2 Replies Last reply Reply Quote 1
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 8
                        • 5 / 8
                        • 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