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

MMM-CountUP (COVID19 example)

Scheduled Pinned Locked Moved Utilities
46 Posts 6 Posters 11.0k 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.
  • P Offline
    plainbroke @sdetweil
    last edited by Jun 12, 2025, 9:54 PM

    @sdetweil
    Ok I found that and put it in my custom.css

    .CountUp .module_header{
    font-size:  65px;
    }
    

    With no change.
    What am I not seeing or doing wrong with my code. ???
    Once I finally find the answer it did not work…
    I am burnt out today. I will attack it again tomorrow.

    I have learned how to enlarge gif files. and If they put a css file I pretty much can find the correct thing to enlarge the fonts i want then. but this does not work well for me I click on the thing I want highlighted and it does for a split second then goes away never showing anything different in the html side… Maybe I should look at this from an html editor side of the file and I can see it then… Probably not able to do that though… I will keep trying to figure it out each time before I bug the forum for answers.

    Slow learner. But trying anyways.

    S 2 Replies Last reply Jun 12, 2025, 9:56 PM Reply Quote 0
    • S Offline
      sdetweil @plainbroke
      last edited by sdetweil Jun 12, 2025, 9:56 PM Jun 12, 2025, 9:56 PM

      @plainbroke said in MMM-CountUP (COVID19 example):

      .CountUp

      module name is MMM-CountUp

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      P 1 Reply Last reply Jun 12, 2025, 10:04 PM Reply Quote 0
      • S Offline
        sdetweil @plainbroke
        last edited by Jun 12, 2025, 10:01 PM

        @plainbroke you can see the module name in the html too, in green box

        css has to match

        . means class=
        # means id=
        no prefix means html element, table, p, img, div, span …
        stuff to the left of the { is the selector clause
        it ‘selects’ the elements the styles between the {} apply to

        Screenshot at 2025-06-12 16-32-23.png

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • P Offline
          plainbroke @sdetweil
          last edited by Jun 12, 2025, 10:04 PM

          @sdetweil
          I really am burn’t out I saw that right below it that I needed to use the full module name for the header. MMM-CountDown was the same way… All I had to do was change the Down to UP and I would have had it… Oh well, at least I learned something today with the window thing… I just have too much going on, on my mirror for it to show things in the elements window…
          I will install the ones I have trouble with one at a time on my spare mirror I just got running on a Le Potato. That thing is a trip to get up and running. I made an image of its base up and running, complete with MM running with no modules. that way it only takes 5 minutes or less to get it back to minimum setup.
          Again thank you for your patients.
          Jeff

          Slow learner. But trying anyways.

          S 1 Reply Last reply Jun 12, 2025, 10:08 PM Reply Quote 0
          • S Offline
            sdetweil @plainbroke
            last edited by sdetweil Jun 12, 2025, 10:08 PM Jun 12, 2025, 10:08 PM

            @plainbroke no problem… just trying to give you the tools to stop guessing.

            guessing is a time and energy killer…

            and it hard to work on a system with 10 or 20 modules all acting at the same time…
            focus on one at a time.

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            P 1 Reply Last reply Jun 12, 2025, 10:19 PM Reply Quote 0
            • P Offline
              plainbroke @sdetweil
              last edited by Jun 12, 2025, 10:19 PM

              @sdetweil
              Try Your pages module running 51 modules, one every 90 seconds.
              DynamicWeather running in the background (cloudy today), was the one that made it impossible to see anything else. After I got it stopped my // it out and disabled: true, for it. I was able to see what you where talking about at least. I just missed the part where it showed the full name of the module as a clue as to how to format the code in the custom.css so that that MM could understand it… FYI you can not use the window with mplayer it covers the whole screen, had to kill it too.
              Bingo the CountUp module header is now big enough to read and orange.
              Thank you so very much Sam.
              I know you have to get tired of those of us that do not have a clue and do not seem to catch on over the years. You are good soul.
              Have a great evening.

              Just Jeff

              Slow learner. But trying anyways.

              S 2 Replies Last reply Jun 13, 2025, 2:10 AM Reply Quote 0
              • S Offline
                sdetweil @plainbroke
                last edited by Jun 13, 2025, 2:10 AM

                @plainbroke glad you got it.

                i know there was doc about css somewhere
                ill find it eventually

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                P 1 Reply Last reply Jun 13, 2025, 11:09 PM Reply Quote 0
                • P Offline
                  plainbroke @sdetweil
                  last edited by Jun 13, 2025, 11:09 PM

                  @sdetweil
                  After messing with Confusius says for some time this morning. Using the window,
                  I figured out why I was having so much trouble finding the correct code to use.
                  my second half of the window you showed was not showing up, It was hidden.
                  Now that it shows and I found my glasses. This should become easier…
                  I don’t do it often enough to remember the details so we will see how I do down the line.
                  Thanks for the coaching. It is really appreciated.

                  Slow learner. But trying anyways.

                  S 1 Reply Last reply Jun 14, 2025, 3:29 AM Reply Quote 0
                  • S Offline
                    sdetweil @plainbroke
                    last edited by Jun 14, 2025, 3:29 AM

                    @plainbroke that would make it a lot harder, lol

                    see the second link in my signature below for a refresher

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @plainbroke
                      last edited by sdetweil Jun 17, 2025, 5:29 PM Jun 17, 2025, 5:29 PM

                      @plainbroke and you can make another config.js with just thst module in it

                      export MM_CONFIG_FILE=config/newconfig_filename
                      npm run start:dev
                      

                      without touching your original config

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      P 1 Reply Last reply Jun 18, 2025, 10:33 PM Reply Quote 1
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 4 / 5
                      4 / 5
                      • First post
                        40/46
                        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