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

Change module position

Scheduled Pinned Locked Moved General Discussion
9 Posts 3 Posters 41.8k 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 Sep 14, 2016, 10:32 AM Sep 14, 2016, 10:28 AM

    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

    S 1 Reply Last reply Sep 14, 2016, 10:54 AM Reply Quote 0
    • S Offline
      strawberry 3.141 Project Sponsor Module Developer @samydp
      last edited by Sep 14, 2016, 10:54 AM

      @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 Sep 14, 2016, 1:13 PM

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

        S 1 Reply Last reply Sep 14, 2016, 1:21 PM Reply Quote 0
        • S Offline
          strawberry 3.141 Project Sponsor Module Developer @samydp
          last edited by strawberry 3.141 Sep 14, 2016, 1:22 PM Sep 14, 2016, 1:21 PM

          @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 Sep 14, 2016, 2:46 PM

            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

            S 1 Reply Last reply Sep 14, 2016, 2:54 PM Reply Quote 0
            • S Offline
              strawberry 3.141 Project Sponsor Module Developer @samydp
              last edited by Sep 14, 2016, 2:54 PM

              @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 Jul 8, 2019, 7:34 AM Reply Quote 1
              • S Offline
                samydp
                last edited by Sep 15, 2016, 9:07 AM

                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
                • S Offline
                  strawberry 3.141 Project Sponsor Module Developer
                  last edited by Sep 16, 2016, 1:45 PM

                  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 Jul 8, 2019, 7:34 AM

                    @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