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.

    Google-route Citys disappear changing height/width

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    10 Posts 2 Posters 2.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.
    • J Offline
      j.e.f.f Project Sponsor Module Developer @thedk
      last edited by

      @thedk start by reading through this thread:

      https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works

      It goes through how to use the dev tools console to inspect HTML elements for the CSS is use

      If you still have questions, post back here and I’ll help as best I can.

      1 Reply Last reply Reply Quote 0
      • T Offline
        thedk
        last edited by

        Thanks for your help.
        So i have to change the size of the region where the modul is i guess.

        J 1 Reply Last reply Reply Quote 0
        • J Offline
          j.e.f.f Project Sponsor Module Developer @thedk
          last edited by

          @thedk and maybe the region where the map is displayed too. Very possiblenit is sized independently of the outer module wrapper. I can’t say for sure since I haven’t used the module but it would be where I would start looking if I wanted to resize it.

          1 Reply Last reply Reply Quote 0
          • T Offline
            thedk
            last edited by thedk

            tested it and i dont know why, but it doesnt work.
            Thats my custom.css

             body {
             	
             }
            
            .normal {
              color: #fff;
            }
            
            .region.top.right,
            .region.top.left,
            .region.top.center {
              top: 80%;
            }
            
            .region.bottom.right,
            .region.bottom.center,
            .region.bottom.left {
              bottom: 80%;
            }
            
            
            1 Reply Last reply Reply Quote 0
            • T Offline
              thedk
              last edited by

              Also with max-width and max-height the map doesnt get smaller, it just moves out of the Display.

              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