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.

    Move the bottom_bar a little higher

    Scheduled Pinned Locked Moved Troubleshooting
    5 Posts 2 Posters 2.7k Views 1 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.
    • N Offline
      noelandrews
      last edited by

      Hi all,
      My first frame is up on the wall! Very chuffed with it as a first prototype done very much on the cheap.

      One thing I could do with is moving the bottom bar up slightly as the way our frame is it covers up maybe 0.5cm of the bottom of the screen.

      Is it possible to configure the specific location of the regions any?
      Thanks
      Noel

      brobergB 1 Reply Last reply Reply Quote 0
      • brobergB Offline
        broberg Project Sponsor @noelandrews
        last edited by broberg

        @noelandrews

        You can adjust the bottom margin to go over the frame. (add this to the custom.css file)

        body {
          margin-bottom: 150px;
          height: calc(100% - 180px);
        
        }
        

        This will squish everything tighter so nothing will be placed below the visible surface

        1 Reply Last reply Reply Quote 1
        • N Offline
          noelandrews
          last edited by

          That’s awesome thank you.

          On my second frame now but similar subject just getting config on my pi right First

          Can modules overlay others?

          Ie I have configured iframe to be in bottom left which I understand is above bottom Bar.

          Currently it overlays calendar which is in top left which blocks content from the calendar

          If I could amend it to overlay the bottom bar then that would be great.

          Picture attached to show what I mean…well they would be if I could figure how to add a picture from an iPhone sorry!
          Thanks

          brobergB 1 Reply Last reply Reply Quote 0
          • brobergB Offline
            broberg Project Sponsor @noelandrews
            last edited by

            @noelandrews

            in custom.css add

            
            .region.top.left {
            z-index : 3;
            }
            
            
            

            This will put the entire top left region above everything else

            1 Reply Last reply Reply Quote 0
            • N Offline
              noelandrews
              last edited by

              That’s awesome thank you.

              Last question and this possibly does need a. We post! Any idea how I’d hide the white border around iframe?

              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