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

Make a module or region stay on top

Scheduled Pinned Locked Moved Custom CSS
5 Posts 3 Posters 975 Views 3 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.
  • C Offline
    charliehoward
    last edited by Dec 14, 2021, 11:01 AM

    Is there a way to make a certain module or region be on top of other modules if there’s overlap? Specifically want my clock to overlay another module but by default it’s putting the clock under it.

    S 1 Reply Last reply Dec 14, 2021, 2:03 PM Reply Quote 0
    • S Offline
      sdetweil @charliehoward
      last edited by Dec 14, 2021, 2:03 PM

      @charliehoward you could try in custom.css

      .modulename {
         z-index: 1;
      }
      

      and increase the number if need be. that will move the module content closer to you as the user,
      negative number is farther away

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      C 1 Reply Last reply Dec 14, 2021, 2:38 PM Reply Quote 0
      • C Offline
        charliehoward @sdetweil
        last edited by Dec 14, 2021, 2:38 PM

        @sdetweil I’ve tried that both the .region and the .modulenames but it isn’t working

        S 1 Reply Last reply Dec 14, 2021, 2:58 PM Reply Quote 0
        • S Offline
          sdetweil @charliehoward
          last edited by Dec 14, 2021, 2:58 PM

          @charliehoward only thing I can suggest is to use the developers window and change the settings there til it works then save that to custom.css…

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • F Offline
            Fabaude
            last edited by Dec 15, 2021, 12:39 PM

            Hello,
            maybe a mistake that I will write but have you tried to place the module (top) before the other module (bottom) in Config.js?
            The 2 being on the same “position”!

            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