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

      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
      • BKeyportB Offline
        BKeyport Module Developer
        last edited by

        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

          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

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