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.

    MMM-Worldclock

    Scheduled Pinned Locked Moved Utilities
    39 Posts 9 Posters 14.0k Views 9 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.
    • M Offline
      MacG @SoleLo
      last edited by

      @solelo Adjust the width to 200px

       .MMM-Worldclock .world {
             width: 200px;
       }
      

      The module may also have an alignment problem on the right side. Further customization of custom.css may be required.

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        SoleLo @MacG
        last edited by

        @macg Ok thanks I’ll mess around with it some more and see if I can get it customized. I figured it was simple as adding your custom css snippet in but I guess not

        M S 2 Replies Last reply Reply Quote 0
        • M Offline
          MacG @SoleLo
          last edited by

          @solelo Just try to set the width higher and higher, eventually nothing will overlap anymore. But it will probably be quite wide, with the cities next to the time. Maybe that’s why style: ‘top’ is the better choice.

          1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @SoleLo
            last edited by

            @solelo see this

            https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1632064035932

            u can change the styles livee and then save it to custom.css…

            note that you can doc the dev window at the bottom too, using the 3 dot menu next to the X to close the dev window

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • M Offline
              MacG
              last edited by

              A supplement to the development tools. When you open it, you can select “Sources” and pause script execution with the “pause button” or F8 in the lower third. This makes it easier to get through all the style classes, which otherwise update every second.

              1 Reply Last reply Reply Quote 0
              • goldyfruitG Offline
                goldyfruit Project Sponsor
                last edited by

                I used to install the original woldclock module, just switched to this one and it worked out of the box.

                Thanks for the work. :clapping_hands:

                Build smart things with magic and love! | https://smartgic.io

                1 Reply Last reply Reply Quote 0
                • S Offline
                  SymmetriC
                  last edited by

                  How do I center horizontally at the top of the screen instead of left?

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @SymmetriC
                    last edited by

                    @SymmetriC put it in the top_center position

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    BKeyportB S 2 Replies Last reply Reply Quote 0
                    • BKeyportB Online
                      BKeyport Module Developer @sdetweil
                      last edited by

                      @sdetweil or top_bar

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

                      1 Reply Last reply Reply Quote 0
                      • S Offline
                        SymmetriC @sdetweil
                        last edited by

                        @sdetweil Thank you! That worked and the solution was easier than I thought! lol

                        1 Reply Last reply Reply Quote 1
                        • 1
                        • 2
                        • 3
                        • 4
                        • 3 / 4
                        • 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