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.

    Change module position

    Scheduled Pinned Locked Moved General Discussion
    9 Posts 3 Posters 42.1k Views 4 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.
    • strawberry 3.141S Offline
      strawberry 3.141 Project Sponsor Module Developer @samydp
      last edited by

      @samydp those are all valid positions you can enter in the config.js https://forum.magicmirror.builders/topic/286/regions

      however you can make your custom layout in ~/MagicMirror/css/custom.css

      Please create a github issue if you need help, so I can keep track

      1 Reply Last reply Reply Quote 1
      • S Offline
        samydp
        last edited by

        perfect! how do I link the file created in the config? I can also change the font?

        strawberry 3.141S 1 Reply Last reply Reply Quote 0
        • strawberry 3.141S Offline
          strawberry 3.141 Project Sponsor Module Developer @samydp
          last edited by strawberry 3.141

          @samydp you don’t need to link the custom.css file it’s already working with the content in this file

          of course you can change the font as well

          Please create a github issue if you need help, so I can keep track

          1 Reply Last reply Reply Quote 0
          • S Offline
            samydp
            last edited by

            Perfekt:)
            can i with the help of .modulname in the Main chance the position of the individual modules?
            For example:

            .Clock (Modul Name)
            Left : 100 px,
            Top:50 px

            strawberry 3.141S 1 Reply Last reply Reply Quote 0
            • strawberry 3.141S Offline
              strawberry 3.141 Project Sponsor Module Developer @samydp
              last edited by

              @samydp the module name is case sensitive so you have to write it like in the config file e.g. in your case it would be .clock

              .clock{
                left : 100 px,
                top:50 px
              }
              

              also think about using position with the values fixed, absolute or relative

              Please create a github issue if you need help, so I can keep track

              L 1 Reply Last reply Reply Quote 1
              • S Offline
                samydp
                last edited by

                Thank you for your help!! language I could change only in what config I make the position of the modules

                1 Reply Last reply Reply Quote 0
                • strawberry 3.141S Offline
                  strawberry 3.141 Project Sponsor Module Developer
                  last edited by

                  sorry I couldn’t get your question

                  Please create a github issue if you need help, so I can keep track

                  1 Reply Last reply Reply Quote 1
                  • L Offline
                    Legendary_Wiz @strawberry 3.141
                    last edited by

                    @strawberry-3-141 I tried putting this into cutstom.css and changing the left and right px . But nothing happened . I want to shift my clock to the right a little for alignment . Is there anything I’m doing wrong ? Thank you .

                    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