• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

MagicMirror on a 4k TV

Scheduled Pinned Locked Moved General Discussion
9 Posts 3 Posters 1.6k 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.
  • M Offline
    Mykle1 Project Sponsor Module Developer @thad
    last edited by Mykle1 Apr 17, 2020, 2:06 AM Apr 17, 2020, 2:06 AM

    @thad said in MagicMirror on a 4k TV:

    Even after removing the the variable the font remains huge. I need to be able to reset it.

    That’s because that change survives restarting MM, even when you remove the variable. It needs to be set back with the variable zoom: 1, or zoom: 0,. I can’t remember which. Then you can remove the variable. You can also reset it with the key commands from the link I posted above.

    Create a working config
    How to add modules

    1 Reply Last reply Reply Quote 0
    • T Offline
      thad
      last edited by Apr 17, 2020, 7:28 PM

      Thanks @Mykle and @sdetweil. So far my experience with the zoom option, you can zoom in, but you can never zoom out. I tried both 1 and 0 as zoom settings and it never went down. I was able to connect a keyboard and adjust it that way.

      I’ve downloaded the css file @sdetweil linked that’s based on screen percentage. I’ll play with it this weekend. I understand this only adjusts the text fonts and not icons. I assume I can adjusts the icons in the module itself. The only modules I’m using that have icons are the weather ones.

      One unrelated observation, I can’t restart mm with the command I’ve seen: ‘pm2 restart mm’. What I’ve found is mm restarts when save changes to the config.js file. So, in order to simulate this I created an alias for the command ‘touch $HOME/MagicMirror/config/config.js’. That seems to work for me. Let me know if there’s a better way to restart mm. Again, my only access is through SSH.

      Thanks again for the help.
      Thad

      S 1 Reply Last reply Apr 17, 2020, 8:04 PM Reply Quote 0
      • S Away
        sdetweil @thad
        last edited by sdetweil Apr 17, 2020, 8:17 PM Apr 17, 2020, 8:04 PM

        @thad pm2 status should tell u the name. U can also use the number

        pm2 restart 0

        If you used my installer, it is called (wait for it… ) MagicMirror

        u must be lucky, not ONE of my systems updates when I change config.js

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • T Offline
          thad
          last edited by Apr 17, 2020, 10:05 PM

          Thanks @sdetweil that’s exactly what I needed to know about pm2. I did use your installer.

          I’m now using the view height/width css file you created. That works great. Since I’m using a TV instead of a mirror, I want to reduce the outside margins. Currently there’s about an inch and a half of unused space around the border. I’m going to start playing with the main.css file to use all the monitor real estate.

          Thad

          M 1 Reply Last reply Apr 17, 2020, 11:56 PM Reply Quote 0
          • M Offline
            Mykle1 Project Sponsor Module Developer @thad
            last edited by Mykle1 Apr 17, 2020, 11:57 PM Apr 17, 2020, 11:56 PM

            @thad said in MagicMirror on a 4k TV:

            I’m going to start playing with the main.css file to use all the monitor real estate.

            It’s not recommended that you make any changes to the main.css file.

            You can accomplish what you want in the custom.css file. For example, “to use all the monitor real estate.”

            body {
               margin: 10px;
               height: calc(100% - 20px);
               width: calc(100% - 20px);
            }
            

            Adjust to your liking. Above creates a 10px border.

            Create a working config
            How to add modules

            S 1 Reply Last reply Apr 18, 2020, 12:06 AM Reply Quote 0
            • S Away
              sdetweil @Mykle1
              last edited by Apr 18, 2020, 12:06 AM

              @Mykle1 DON’T USE PX in the view height file… calculate the view height/width and use the tiny number

              the default is 120/1920
              so the new is 240/3840 (width)
              or 240/2160 (height)

              so, if u want half that 120/2160, and 120/3840

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • 1 / 1
              1 / 1
              • First post
                8/9
                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