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.

    Tilting the display by a couple of degrees to make it straight

    Scheduled Pinned Locked Moved Solved Troubleshooting
    8 Posts 5 Posters 2.0k 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.
    • A Offline
      alborzs
      last edited by

      Hi,
      I have managed to install the display behind my mirror a bit tilted. It is off by a couple of degrees only, but it still shows.
      Is there anyway to tilt the whole interface a couple of degrees?

      I have already searched quite a bit of the display of the raspberry pie can be tilted but it I have not found a solution, so I am really hoping that the MM interface can be tilted! The display is already glued so that is difficult to change now.

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

        @alborzs it probably is possible, but it will look terrible, if not blurry it will create artifacts.

        1 Reply Last reply Reply Quote 0
        • joela85J Offline
          joela85
          last edited by joela85

          I think your best bet is do remount your display to be square. As @broberg said, if you can do it, it won’t look very good due to the nature of the line up of the pixels. Small text will probably be un-readable.

          1 Reply Last reply Reply Quote 0
          • evroomE Offline
            evroom
            last edited by

            @alborzs
            I rotated my screen from landscape to portrait using custom.css.
            Cannot find the topic in this forum, but this is the body in my custom.css file:

            body {
              margin: 0;
              position: absolute;
              transform: rotate(-90deg);
              transform-origin: top left;
              width: 100vh;
              height: 100vw;
            
              object-fit: cover;
              top: 100vh;
                    visibility: visible;
             }
            

            Perhaps you give it a try with different degrees in the rotate() parameter.

            MagicMirror version: 2.30.0
            Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
            Raspbian GNU/Linux 12 (bookworm)

            Test environment:
            MagicMirror version: v2.30.0
            Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
            Raspbian GNU/Linux 12 (bookworm)

            1 Reply Last reply Reply Quote 0
            • bheplerB Offline
              bhepler Module Developer
              last edited by

              This reminds me of a joke.

              Q: How many software engineers does it take to change a light bulb?
              A: None. It’s a hardware problem.
              Q: How many hardware engineers does it take to change a light bulb?
              A: None. Just tell the software engineers to code around it.

              1 Reply Last reply Reply Quote 3
              • A Offline
                alborzs
                last edited by

                @bhepler :)
                @evroom Thanks, I will give that a try. It is just such a beautiful installation I don’t wanna mess with it now. All the cable management, everything is perfect. I curse myself for mounting the display every time I am in front of the mirror

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

                  You know what, @evroom s solution might just work.

                  Tried it and it isn’t half bad, it gets blurry, but not overly so. (disclaimer, tried this on a 24" 1440p display)

                  body {
                  transform: rotate(0.2deg);
                  transform-origin: top left;
                  }
                  
                  
                  1 Reply Last reply Reply Quote 1
                  • A Offline
                    alborzs
                    last edited by

                    @broberg @evroom , thanks guys. That is exactly what I needed.
                    -1 degree of rotation and it is perfect now.

                    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