MagicMirror² v2.8.0 is available! For more information about this release, check out this topic.

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



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


  • Project Sponsor

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



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



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


  • Project Sponsor

    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.



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


  • Project Sponsor

    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;
    }
    
    


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