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" Touch Screen Display

    Scheduled Pinned Locked Moved Custom CSS
    7 Posts 4 Posters 1.3k Views 4 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.
    • T Offline
      TigersFan
      last edited by

      Is there a way to automatically get the MagicMirror information to nicely fit a 7" touch screen display? It’s fine on a large monitor but we are making a magic mirror using the 7" touch screen. I have seen documentation mentioned a “zoom” configuration but it’s anywhere within the config file.

      I seen information about a custom.css file. Is there one out there for reference? How do you get the MagicMirror module to recognize and load the custom.css file?

      Any help would be appreciated!

      ? 1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User @TigersFan
        last edited by

        @TigersFan
        https://developer.mozilla.org/en-US/docs/Web/CSS/zoom

        T 1 Reply Last reply Reply Quote 0
        • T Offline
          TigersFan @Guest
          last edited by

          @Sean Thanks for the reference!

          Do you recommend adding it to the main.css file?

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

            @TigersFan said in 7" Touch Screen Display:

            Do you recommend adding it to the main.css file?

            It isn’t recommended that you modify the main.css file. Make your changes/modifications to your custom.css file. :-)

            Create a working config
            How to add modules

            T 1 Reply Last reply Reply Quote 0
            • T Offline
              TigersFan @Mykle1
              last edited by

              @Mykle1

              That’s what I figured. :)

              I got the zoom to work in main config file. Any resources for changing the orientation of the screen from landscape to portrait?

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

                @TigersFan

                There is a topic here somewhere that does exactly that with css. Do a search of the forum and I’m sure you’ll find it. :-)

                Create a working config
                How to add modules

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

                  Personally, I just used my 7" display as a two module unit - clock and calendar. That’s it. Now, it’s the control panel for my 3D Printer.

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

                  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