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.

    Biger Digital Clock (Default Module)

    Scheduled Pinned Locked Moved Utilities
    6 Posts 2 Posters 723 Views 2 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.
    • D Offline
      darknetone
      last edited by

      How/where can I change the default digital clock size? I look at the settings, the .js and .css no dice (unless I missed it).

      Thanks.

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

        @darknetone the css classes are
        Screenshot_20221116-130012_Chrome.jpg

        so in custom.css

        you would put ( notice the spaces between elements)

        edited, to add commas

        .clock  .time , .seconds{
            font-size: ???
        }
        

        this is font-size: 80px;

        Screenshot_2022-11-16_20-15-55.png

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        D 1 Reply Last reply Reply Quote 0
        • D Offline
          darknetone @sdetweil
          last edited by

          @sdetweil

          I copied over the custom.sample.css to custom.css and added to the bottom of the file;

          .clock .time , .seconds{
          font-size: 200
          }

          but saw no change, rebooted the server, no change.

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

            @darknetone 200 what?

            css is stupid u have to say px
            and there is a semi-colon after

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            D 1 Reply Last reply Reply Quote 1
            • D Offline
              darknetone @sdetweil
              last edited by darknetone

              @sdetweil Well nowI feel stupid, LOL, I should have looked further up in the sample and I would have figured that out. I’ll need to do the same with the weather and forecast and I am done with my bedside display.

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

                @darknetone see this, great tools
                https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1668635720813

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • 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