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.

    7″ touchscreen - module size and overlapping issues.

    Scheduled Pinned Locked Moved Custom CSS
    10 Posts 5 Posters 3.7k Views 5 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.
    • Mykle1M Offline
      Mykle1 Project Sponsor Module Developer @Marius
      last edited by

      @Marius

      Try the commands from this tutorial to manage the size of the modules in real time

      https://forum.magicmirror.builders/topic/5619/how-to-find-and-use-key-commands-in-mm-for-absolute-beginners

      Create a working config
      How to add modules

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

        @evroom
        Thank you!
        That really worked quit well for my setup.

        @Mykle1
        I tried that, however, it was not what i looked for.

        So, is there anyway that i can resize a module only ? My Netatmo module still looks a but too big. Another thing i notice that sonos module is overlapping when text get to long when playing a certain song…

        see below, please :)

        https://imgur.com/a/ZiulbqI

        brobergB 1 Reply Last reply Reply Quote 0
        • brobergB Offline
          broberg Project Sponsor @Marius
          last edited by

          @Marius

          You can either use the “zoom” function in css, like ..modulename { transform: scale(0.8) }

          Or you can set a specific width for the module so it forces the text to get a row break like .modulename { width: 200px; }

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

            @broberg
            Thank you for the help. Now i got i all sorted out :)

            Btw, how can I delete/hide text “4 minutes ago” update text, please see picture in post above. I have been looked in netatmo.js and netatmo.css file without any luck.

            brobergB 1 Reply Last reply Reply Quote 0
            • brobergB Offline
              broberg Project Sponsor @Marius
              last edited by

              @Marius

              possibly the " hideLoadTimer: false," configuration option? (change to true if not already)

              or maybe .MMM-Netatmo .updated {visibility: hidden;}

              1 Reply Last reply Reply Quote 0
              • CyruS1337C Offline
                CyruS1337 Project Sponsor @Mykle1
                last edited by

                @Mykle1 said in 7″ touchscreen - module size and overlapping issues.:

                @Marius

                Try the commands from this tutorial to manage the size of the modules in real time

                https://forum.magicmirror.builders/topic/5619/how-to-find-and-use-key-commands-in-mm-for-absolute-beginners

                Is there also a tutorial about the custom.css. I have the following problem.
                Before the hard reset, I changed the costum.css so that the modules were really in every corner of the monitors. Thus, the display on the monitor was optimally utilized before the module disappeared behind the edge of the monitor. Unfortunately I do not know the attitude anymore.

                1 Reply Last reply Reply Quote 0
                • Mykle1M Offline
                  Mykle1 Project Sponsor Module Developer
                  last edited by

                  @CyruS1337 said in 7″ touchscreen - module size and overlapping issues.:

                  Is there also a tutorial about the custom.css.

                  https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works

                  Also, there is a wealth of css info online. Google your css questions and see what you get.

                  Create a working config
                  How to add modules

                  CyruS1337C 1 Reply Last reply Reply Quote 0
                  • CyruS1337C Offline
                    CyruS1337 Project Sponsor @Mykle1
                    last edited by

                    @Mykle1 OK everything good. I have not asked Google, I will also google ask.

                    Many Thanks

                    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