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