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

No numbers in analog watch face

Scheduled Pinned Locked Moved Troubleshooting
33 Posts 11 Posters 7.5k 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 Jul 20, 2020, 11:01 AM

    @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 Jul 20, 2020, 4:27 PM Jul 20, 2020, 4:20 PM

      This post is deleted!
      I 1 Reply Last reply Jul 25, 2020, 7:02 AM Reply Quote 0
      • ? Offline
        A Former User
        last edited by Jul 20, 2020, 6:22 PM

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • I Offline
          Ice-cream @Guest
          last edited by Jul 25, 2020, 7:02 AM

          @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 Aug 2, 2022, 5:29 PM Jul 25, 2020, 8:33 AM

            This post is deleted!
            S 1 Reply Last reply Jul 25, 2020, 12:04 PM Reply Quote 0
            • S Offline
              sdetweil @Guest
              last edited by Jul 25, 2020, 12:04 PM

              @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 Jul 25, 2020, 1:51 PM Reply Quote 0
              • ? Offline
                A Former User @sdetweil
                last edited by Jul 25, 2020, 1:51 PM

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • I Offline
                  Ice-cream
                  last edited by Jul 26, 2020, 12:32 AM

                  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 Jul 26, 2020, 1:02 AM Reply Quote 0
                  • S Offline
                    sdetweil @Ice-cream
                    last edited by Jul 26, 2020, 1:02 AM

                    @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 Sep 8, 2020, 10:25 PM

                      @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 Sep 8, 2020, 11:08 PM 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