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

Position and size of module

Scheduled Pinned Locked Moved Solved Troubleshooting
5 Posts 2 Posters 534 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 Mar 30, 2023, 8:23 PM

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

    B 1 Reply Last reply Mar 31, 2023, 7:58 AM Reply Quote 0
    • C Offline
      chris1971 @BKeyport
      last edited by Apr 1, 2023, 7:35 PM

      @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
      • B Offline
        BKeyport Module Developer @chris1971
        last edited by Mar 31, 2023, 7:58 AM

        @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 Mar 31, 2023, 8:08 AM

          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 …

          B 1 Reply Last reply Apr 1, 2023, 7:02 PM Reply Quote 0
          • B Offline
            BKeyport Module Developer @chris1971
            last edited by Apr 1, 2023, 7:02 PM

            @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 Apr 1, 2023, 7:35 PM Reply Quote 0
            • C Offline
              chris1971 @BKeyport
              last edited by Apr 1, 2023, 7:35 PM

              @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
              1 / 1
              • First post
                2/5
                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