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.
    • 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