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