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.

    Position and size of module

    Scheduled Pinned Locked Moved Solved Troubleshooting
    5 Posts 2 Posters 617 Views 2 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
      chris1971
      last edited by

      I try to adjust the position and size of the text clock, that it fits below the weather module. Any idea?
      Position.jpg

      BKeyportB 1 Reply Last reply Reply Quote 0
      • C Offline
        chris1971 @BKeyport
        last edited by

        @BKeyport I had to adjust some numbers in main.css to lower the clock module. Now is fits perfectly.

        1 Reply Last reply Reply Quote 0
        • BKeyportB Online
          BKeyport Module Developer @chris1971
          last edited by

          @chris1971 Position is easy. change the position in the config.js to match the Weather module, and move it’s config to after the weather module.

          As for size, that’s CSS, and I don’t use the standard module, so I don’t know how to do it.

          The "E" in "Javascript" stands for "Easy"

          1 Reply Last reply Reply Quote 0
          • C Offline
            chris1971
            last edited by

            thx - the position is top right for the weather and bottom right for the clock. I fixed the position now in the main css and weater css with trail and error with several adjustments in regards to position, font size and icon size.
            Now I’m looking for an overall solution to resize the modules …

            BKeyportB 1 Reply Last reply Reply Quote 0
            • BKeyportB Online
              BKeyport Module Developer @chris1971
              last edited by

              @chris1971 Please tell me you didn’t edit main.css!

              In that same directory, please establish “custom.css” and move your css there.

              You won’t be able to upgrade and keep main.css if you edit main.css directly.

              The "E" in "Javascript" stands for "Easy"

              C 1 Reply Last reply Reply Quote 0
              • C Offline
                chris1971 @BKeyport
                last edited by

                @BKeyport I had to adjust some numbers in main.css to lower the clock module. Now is fits perfectly.

                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