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

Regions

Scheduled Pinned Locked Moved Core System
34 Posts 19 Posters 105.7k Views 23 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
    cowboysdude Module Developer
    last edited by Dec 5, 2019, 2:39 AM

    Yes I would HIGHLY suggest you do not change the main.css file… that could send other modules or positions in to chaos. Use the custom css as Mykle1 suggested :)

    1 Reply Last reply Reply Quote 1
    • T Offline
      toots
      last edited by Dec 1, 2020, 3:20 AM

      Sorry if this has been asked. Is there a way to do left_side and right_side? I’m displaying my mirror on a chromecast so it’s locked into landscape mode at 720p and there isn’t a whole lot of room for each of the regions. I’d rather replace top_left and bottom_left with left_side, and just use the entire edge.

      S 1 Reply Last reply Dec 1, 2020, 12:24 PM Reply Quote 0
      • S Offline
        sdetweil @toots
        last edited by Dec 1, 2020, 12:24 PM

        @toots u could edit the index.html to add your left/right locations, and add entries to custom.css for them

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • M Offline
          megagprime
          last edited by Jun 8, 2021, 4:27 PM

          hi all, how could i center this kodi-websocket module between these two?

          0c7f3eab-0372-47e1-bc6a-e11ae8bd7409-image.png

          using bottom left for map, bottom center for kodi websocket and bottom right for wind

          i tried custom.css module placement but did not work

          .module.MMM-Kodi-WebSocket{
          left : 600 px,
          }

          1 Reply Last reply Reply Quote 0
          • P Offline
            pastormingle
            last edited by Dec 9, 2021, 3:59 PM

            can you position left middle?

            S 1 Reply Last reply Dec 9, 2021, 4:00 PM Reply Quote 0
            • S Offline
              sdetweil @pastormingle
              last edited by Dec 9, 2021, 4:00 PM

              @pastormingle no, not a valid position

              here is the list from the MM doc

              https://docs.magicmirror.builders/modules/configuration.html#module-configuration

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • S sdetweil referenced this topic on Nov 13, 2022, 1:16 PM
              • S sdetweil referenced this topic on Dec 14, 2022, 3:09 AM
              • S sdetweil referenced this topic on Mar 10, 2023, 3:30 PM
              • S sdetweil referenced this topic on May 7, 2023, 7:25 PM
              • R Offline
                roth_nj
                last edited by Oct 6, 2023, 5:15 PM

                im just diving into this project (mech eng with very limited programming experience)

                i have the MM installed and running on my mac using terminal/electron. ive been in the config editing it and taking out stuff i dont want and added CalendarExt3 and have that working. im doing it on my mac for now waiting on my PI to come in the mail. from what ive read it will also speed up the editing phase vs pop it into the pi over and over.

                im about to start digging into size/area/color/font/etc and have a combo of questions:

                the picture posted in the start of this thread is very helpful for the zones. i want to run mine in landscape view. will those zones be the same in landscape vs portrait? i can’t tell if it is because i haven’t configured it properly for my monitors or if it needs to be adjusted (portrait to landscape). if so, is there another version of the same picture but in the other orientation?

                sorry if these are self explanatory questions once i dive into it more just wanted to ask to help the process

                S 1 Reply Last reply Oct 6, 2023, 5:48 PM Reply Quote 0
                • S Offline
                  sdetweil @roth_nj
                  last edited by sdetweil Oct 6, 2023, 5:48 PM Oct 6, 2023, 5:48 PM

                  @roth_nj The regions will be the same but obviously the sizes will be different

                  You can do the same color view by adding a background color to each one of the regions in custom CSS and then you can see where they are

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  R 1 Reply Last reply Oct 6, 2023, 6:00 PM Reply Quote 0
                  • R Offline
                    roth_nj @sdetweil
                    last edited by Oct 6, 2023, 6:00 PM

                    @sdetweil said in Regions:

                    @roth_nj The regions will be the same but obviously the sizes will be different

                    You can do the same color view by adding a background color to each one of the regions in custom CSS and then you can see where they are

                    thank you

                    thats actually a good idea. it will give me something to practice for setting up a custom CSS for the first time

                    1 Reply Last reply Reply Quote 0
                    • R Offline
                      roth_nj
                      last edited by Oct 8, 2023, 2:41 AM

                      is there a way to have something like the calendar on 2/3rd of the screen to look like the dakboard?

                      5de0d134-37ab-4ee9-8ed4-fb12707ddd55-image.png

                      S B 2 Replies Last reply Oct 8, 2023, 3:36 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 3 / 4
                      • 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