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-CountUP (COVID19 example)

    Scheduled Pinned Locked Moved Utilities
    46 Posts 6 Posters 13.3k Views 6 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
      sonicgoose @sdetweil
      last edited by

      @sdetweil You’re right, it is the original. But how? I removed the entire folder and did a git pull again from your repo!

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

        @sdetweil Well I don’t get it but I just did an rm -R on modules/MMM-CountUp again and once again did a git clone from your repo and now it works fine. Thanks for your help.

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

          ||
          || bibaldo’s repo has integrated the fix i provided, I am closing my repo
          || May 8, 2020
          ||

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • plainbrokeP Offline
            plainbroke
            last edited by

            Anyone know how to make the header font bigger.
            I have the rest of it figured out and working just can not find the Header part.
            This is what I have tried.

              color: orange;
              font-size: 60px;
            }
            

            AND

              color: orange;
              font-size: 60px;
            }
            

            Slow learner. But trying anyways.

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

              @plainbroke module header?

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              plainbrokeP 1 Reply Last reply Reply Quote 0
              • plainbrokeP Offline
                plainbroke @sdetweil
                last edited by

                @sdetweil
                Sorry, brain fart.
                Yes module header.
                Did you find something?
                I looked for an hour and then tried these.
                But no go…
                It is still really little and gray.

                .countUP tr td.header {
                  color: orange;
                  font-size: 60px;
                }
                .countUP .header {
                  color: orange;
                  font-size: 60px;
                }
                

                Slow learner. But trying anyways.

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

                  @plainbroke after all this time???
                  again the dev window elements tab would have shown you this in seconds

                  elements tab, click the arrow, navigate over the web page to the header you want to change, click
                  the html tree is there and you can see the classes etc assigned
                  you can test the styles in the upper right window, it will prompt you thru it

                  font-size: 
                  
                  .modulename .module-header {
                  
                  styles
                  
                  }
                  

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  plainbrokeP 1 Reply Last reply Reply Quote 0
                  • plainbrokeP Offline
                    plainbroke @sdetweil
                    last edited by

                    @sdetweil
                    Yea I know, but I can not for the life of me see what you see.
                    It is so frustrating for me, to not be able to do the dev window elements.
                    It looks like Chinese to me…
                    I will have to see if a bigger screen helps.
                    I will plug my laptop into the 42 inch tv screen and see if that helps any…
                    Plus with pages running 40+ modules it takes so long to come back around, I sometimes just give up… and try what has worked in the past…
                    Thanks for you patience with me.

                    Slow learner. But trying anyways.

                    plainbrokeP 1 Reply Last reply Reply Quote 0
                    • plainbrokeP Offline
                      plainbroke @plainbroke
                      last edited by

                      @sdetweil
                      It shows me nothing but dynamic weather in elements window. Then a bunch of .js
                      I am guessing I will have to stop all other modules except the one I want look at, to figure this out on my own.
                      Is that correct?

                      Slow learner. But trying anyways.

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

                        @plainbroke
                        im not quite sure I understand

                        using the sample config
                        I used the arrow, to navigate to the header… (pointer in left pink box)
                        it opened the html page to that element (middle pink box, you can see the class=module-header)
                        you can test the styles in the top right pink box
                        Screenshot at 2025-06-12 16-32-23.png

                        if you have something that updates frequently, (clock tick on 1 second)
                        you can temp disable second (displaySeconds:false in clock config) hit f5 to refresh that page the it won’t update except on minute (as an example)

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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