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.

    No numbers in analog watch face

    Scheduled Pinned Locked Moved Troubleshooting
    33 Posts 11 Posters 12.7k 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.
    • S Offline
      sdetweil @lavolp3
      last edited by

      @lavolp3 interesting, my script tries to minimize space used, so only downloads the master branch
      to down develop do

      git fetch origin develop:develop
      git checkout develop
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      N T 2 Replies Last reply Reply Quote 0
      • N Offline
        nagaculun @sdetweil
        last edited by

        @sdetweil said in No numbers in analog watch face:

        git checkout develop

        that works. thanks.

        1 Reply Last reply Reply Quote 0
        • I Offline
          Ice-cream
          last edited by

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • I Offline
            Ice-cream @Guest
            last edited by

            @hango Hi again, I’ve modified my script but it isn’t working:

            .clockCircle {
            margin: 0 auto;
            position: relative;
            border-radius: 50%;
            background-size: 100%;
            background: transparent /home/pi/MagicMirror/modules/default/clock/faces(“faces/face-005.svg”) center no-repeat;
            }

            In this context, is url an actual url or my fie path? x

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User
              last edited by A Former User

              This post is deleted!
              I 1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User
                last edited by

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • I Offline
                  Ice-cream @Guest
                  last edited by

                  @hango Thanks Hango.

                  1. I have updated the code (still not working presumably because of point 3 below)
                  2. I don’t know where to download the old SVG faces - when I installed MM there was/is a folder full of SVG clock faces
                  3. Please don’t laugh - I don’t know how to create/use a custom css folder - I plan to learn this soon! X
                  1 Reply Last reply Reply Quote 0
                  • ? Offline
                    A Former User
                    last edited by A Former User

                    This post is deleted!
                    S 1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @Guest
                      last edited by

                      @hango if one uses my installer script, I create the empty custom.css as part of the install.

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      ? 1 Reply Last reply Reply Quote 0
                      • ? Offline
                        A Former User @sdetweil
                        last edited by

                        This post is deleted!
                        1 Reply Last reply Reply Quote 0
                        • I Offline
                          Ice-cream
                          last edited by

                          1. Haha thanks guys - that worked!

                          Very good point in regard to ‘‘how you update the code if you don’t know to create custom.css?’’- I previouly edited the config.js, clock.js and clock_styles.css > I created a really pretty analog clock with the centre, second hand, minute and hour each with different colours.

                          1. For some reason I thought that a custom.css was really technical but I easily created this from my terminal.

                          For what it’s worth, I’ve connected to a few APIs and have configued these in the main confg folder and the css’s.

                          Going forward I’m going to play with customising the default modules (well the ones which I haven’t hidden in the main config file) in the custom CSS.

                          Thanks again Xx

                          S 1 Reply Last reply Reply Quote 0
                          • S Offline
                            sdetweil @Ice-cream
                            last edited by

                            @Ice-cream do not edit the default files.

                            config in config.js and css in custom.css

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • T Offline
                              TomBrown @sdetweil
                              last edited by

                              @sdetweil said in No numbers in analog watch face:

                              @lavolp3 interesting, my script tries to minimize space used, so only downloads the master branch
                              to down develop do

                              git fetch origin develop:develop
                              git checkout develop
                              

                              I am probably doing something wrong.

                              I typed in “git fetch origin develop:develop” and then “git checkout develop” and got an error.

                              git checkout develop
                              error: Your local changes to the following files would be overwritten by checkout:
                              	modules/default/clock/clock.js
                              	modules/default/weatherforecast/weatherforecast.js
                              	package-lock.json
                              Please commit your changes or stash them before you switch branches.
                              Aborting
                              
                              S 1 Reply Last reply Reply Quote 0
                              • S Offline
                                sdetweil @TomBrown
                                last edited by

                                @TomBrown do u remember why you edited the clock and weatherforecast files?

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                1 Reply Last reply Reply Quote 0
                                • T Offline
                                  TomBrown
                                  last edited by

                                  I edited the clock.js to change the default clock from digital to analog.
                                  Not sure about the weatherforcast.js though. I did make a copy of the files before editing anything. Could I just rename the backup file to the regular one and try the update again?

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

                                    @TomBrown yes u can copy the originals back.

                                    never edit them, use the config.js to change the config.

                                    git diff > somefile

                                    will show u the changes into somefile

                                    u can erase the package-lock.json file

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • T Offline
                                      TomBrown
                                      last edited by

                                      OK. That did it! Ran the update, now at version 2.13.0-develop
                                      Changed the clock back to analog with face-010 and it is looking like I want it!
                                      Thanks @sdetweil !!

                                      1 Reply Last reply Reply Quote 0
                                      • H Offline
                                        hayman
                                        last edited by

                                        hello,
                                        ive been using Face5 for a while pretty nice ,is there a way to change it to arabic numbers ?
                                        thanks

                                        1 Reply Last reply Reply Quote 0

                                        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                        With your input, this post could be even better 💗

                                        Register Login
                                        • 1
                                        • 2
                                        • 2 / 2
                                        • 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