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

Biger Digital Clock (Default Module)

Scheduled Pinned Locked Moved Utilities
6 Posts 2 Posters 679 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 Nov 16, 2022, 6:55 PM

    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 Nov 16, 2022, 7:02 PM Reply Quote 0
    • S Away
      sdetweil @darknetone
      last edited by sdetweil Nov 16, 2022, 7:16 PM Nov 16, 2022, 7:02 PM

      @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 Nov 16, 2022, 8:11 PM Reply Quote 0
      • D Offline
        darknetone @sdetweil
        last edited by Nov 16, 2022, 8:11 PM

        @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 Nov 16, 2022, 8:41 PM Reply Quote 0
        • S Away
          sdetweil @darknetone
          last edited by Nov 16, 2022, 8:41 PM

          @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 Nov 16, 2022, 9:00 PM Reply Quote 1
          • D Offline
            darknetone @sdetweil
            last edited by darknetone Nov 16, 2022, 9:00 PM Nov 16, 2022, 9:00 PM

            @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 Nov 16, 2022, 9:56 PM Reply Quote 0
            • S Away
              sdetweil @darknetone
              last edited by Nov 16, 2022, 9:56 PM

              @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
              1 / 1
              • First post
                1/6
                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