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.2k 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

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

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