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.7k 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.
    • S Offline
      samydp
      last edited by samydp

      Hello,
      I know that can change the position from the modul of the right to the left ,bottem.
      I can change them exactly px ? even if the module has no style.css.
      because I want to have on the left side more modules

      sorry for my bad English

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

                      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                      With your input, this post could be even better 💗

                      Register Login
                      • 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