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.

    Fresh Install. Overlapping calendar / weather modules

    Scheduled Pinned Locked Moved Troubleshooting
    7 Posts 4 Posters 4.7k Views 3 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.
    • J Offline
      jeremy
      last edited by jeremy

      Hello,

      I just moved from Magic Mirror to Magic Mirror 2 and I am having an issue configuring it correctly. I did a fresh install of the OS before moving to 2. My calendar and weather modules are overlapping and I’m not certain how to fix this. I have very little knowledge with CSS, so a step-by-step solution would be very much appreciated. Please find attached a picture to clarify my issue.

      Any help would be greatly appreciated. Thank you so much! Please let me know if you have any questions I could answer that might help clarify the issue.

      Overlapping module issue picture

      1 Reply Last reply Reply Quote 0
      • P Offline
        Phate
        last edited by

        I’ve seen this while testing for myself for a build…

        I wonder if its the screen resolution?

        Are the modules way bigger than they used to be?

        J 1 Reply Last reply Reply Quote 0
        • KirAsh4K Offline
          KirAsh4 Moderator
          last edited by

          You have very long calendar entries and the CSS block stretches to accommodate that. The default length is 25 characters. You can shorten that with the calendar’s 'maxTitleLength' config option.

          A Life? Cool! Where can I download one of those from?

          J 1 Reply Last reply Reply Quote 1
          • J Offline
            jeremy @Phate
            last edited by

            @Phate Hi Phate - all of my hardware is exactly the same as it was for the original Magic Mirror - it just seems that the modules are larger this time around.

            1 Reply Last reply Reply Quote 0
            • J Offline
              jeremy @KirAsh4
              last edited by

              @KirAsh4 Hi KirAsh - I’m using the same calendar / entries as I was using for the original Magic Mirror. The only time it overlapped even a little bit is when it was a long entry and the countdown was “Tomorrow at…”

              Right now I’ve temporarily fixed the issue by shortening the maxTitleLength to 10 characters, but that just doesn’t feel like enough. Are you aware of any way to make the font smaller for this module? I’ve figured out how to remove the calendar icon next to each entry to save a bit of space.

              Ideally I would like to be able to display the entire entry without any overlap.

              Let me know if you have any ideas or suggestions. Thank you!

              A 1 Reply Last reply Reply Quote 0
              • KirAsh4K Offline
                KirAsh4 Moderator
                last edited by

                Search the forum for 'custom.css' …

                A Life? Cool! Where can I download one of those from?

                1 Reply Last reply Reply Quote 0
                • A Offline
                  amanzimdwini @jeremy
                  last edited by

                  @jeremy
                  I got stuck on something like that too…
                  a) read the thread https://forum.magicmirror.builders/topic/254/sachin-s-mirror/25

                  b) try a module @KirAsh4 wrote for me (and that I changed in a miniscule way)
                  https://forum.magicmirror.builders/topic/373/alternating-modules-to-save-on-real-estate

                  Good luck!

                  1 Reply Last reply Reply Quote 0
                  • 1 / 1
                  • 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