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

Move the bottom_bar a little higher

Scheduled Pinned Locked Moved Troubleshooting
5 Posts 2 Posters 2.5k 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 Nov 23, 2017, 9:10 AM

    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

    B 1 Reply Last reply Nov 23, 2017, 11:16 AM Reply Quote 0
    • B Offline
      broberg Project Sponsor @noelandrews
      last edited by broberg Nov 23, 2017, 11:16 AM Nov 23, 2017, 11:16 AM

      @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 Nov 23, 2017, 10:45 PM

        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

        B 1 Reply Last reply Nov 23, 2017, 11:50 PM Reply Quote 0
        • B Offline
          broberg Project Sponsor @noelandrews
          last edited by Nov 23, 2017, 11:50 PM

          @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 Nov 24, 2017, 6:40 AM

            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
            1 / 1
            • First post
              2/5
              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