MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    7" Touch Screen Display

    Custom CSS
    4
    7
    725
    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
      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
      • ?
        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
          TigersFan @Guest last edited by

          @Sean Thanks for the reference!

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

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

              Mykle1 1 Reply Last reply Reply Quote 0
              • Mykle1
                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
                • BKeyport
                  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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                  This forum is using NodeBB as its core | Contributors
                  Contact | Privacy Policy