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

Need help for last two problems.

Scheduled Pinned Locked Moved Solved Troubleshooting
4 Posts 2 Posters 1.0k Views 2 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.
  • T Offline
    TimGV
    last edited by Oct 17, 2019, 12:10 AM

    The Weather forecaster after update stopped showing the day for the forecast.

    SmartWebDisplay i have set for middle_center and I would like to lower the complete display about an inch. I want to use all of my screen. I believe the settings would go into the custom.css file but I can not figure out the exact command.

    I was going to upload a picture but can not figure it out.

    Thanks for any help. Tim

    1 Reply Last reply Reply Quote 0
    • B Offline
      BKeyport Module Developer
      last edited by Oct 17, 2019, 6:07 AM

      I gave up on the default modules except for the clock - I use MMM-DarkSkyForecast

      This is what I use to maximize the entire display edge to edge. (It works, but it’s technically incorrect)

      Custom.css

      /* maximize screen usage for MagicMirror. */
       body {
        margin: 4px;
        height: calc(100vh - 10px);
        width: calc(100vw - 5px);
      } 
      

      If you want a particular module to take the entire screen, you could use ‘fullscreen_below’ as the position.

      The "E" in "Javascript" stands for "Easy"

      1 Reply Last reply Reply Quote 0
      • T Offline
        TimGV
        last edited by Oct 17, 2019, 7:28 AM

        I have my screen set up so it does full width but what I would like to do is to drop the middle_center down one inch. Once I can do this all my modules line up good.
        Thanks for your help. Tim

        1 Reply Last reply Reply Quote 0
        • T Offline
          TimGV
          last edited by sdetweil Oct 18, 2019, 7:32 PM Oct 18, 2019, 7:08 PM

          I figured out how to change the position of my center_middle. I went to the main.css file and changed the following lines. The -50% I changed to -62%. This number was selected by trial and error. Now my middle section is spaced exactly the same on the top and bottom.

          .region.middle.center {
            width: 100%;
            text-align: center;
            -moz-transform: translateY(-62%);
            -o-transform: translateY(-62%);
            -webkit-transform: translateY(-62%);
            -ms-transform: translateY(-62%);
            transform: translateY(-62%);
          }
          
          
          
          .region.middle.center {
            top: 62%;
          }
          
          1 Reply Last reply Reply Quote 0
          • 1 / 1
          1 / 1
          • First post
            2/4
            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