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.

    Problem with Alert Module

    Scheduled Pinned Locked Moved Troubleshooting
    7 Posts 2 Posters 3.4k 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.
    • Y Offline
      yours.mukul @broberg
      last edited by

      @broberg I added following code to my custom css

      body {
         margin-top: 20px;
         margin-left: 8px;
         margin-right: 8px;	
       }
      
      
      brobergB 1 Reply Last reply Reply Quote 0
      • brobergB Offline
        broberg Project Sponsor @yours.mukul
        last edited by

        @yours.mukul okey

        when changing the body margins you should also adress the body height and width

        body {
           margin-top: 20px;
           margin-left: 8px;
           margin-right: 8px;	
          height: calc(100% - 80px);
          width: calc(100% - 16px);
         }
        
        Y 1 Reply Last reply Reply Quote 0
        • Y Offline
          yours.mukul @broberg
          last edited by

          @broberg Actually the problem is something else. Because when I decrease the light intensity from MMM-Remote Module, the left portion remains untouched

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

            @yours.mukul

            The Alert modules black overlay background is set to 93% transparency, the overlay takes it’s dimensions from the body height and width (i.e 100% of the bodys width and height, ) if you don’t change the height and width together with the margin changes you did, the alert module will not fill the entire screen.

            1 Reply Last reply Reply Quote 0
            • Y Offline
              yours.mukul
              last edited by

              See the inspecting of elements, can anyone help me ??

              0_1507054704888_capture4.PNG

              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