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-DateCounter

    Scheduled Pinned Locked Moved Solved Troubleshooting
    6 Posts 2 Posters 324 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.
    • S Do not disturb
      sdetweil @plainbroke
      last edited by

      @plainbroke you probably have to do that with css.

      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

        This is what I have in my css file.

        .date_counter header {
        border: 10px solid black;
        }

        Slow learner. But trying anyways.

        S 1 Reply Last reply Reply Quote 0
        • S Do not disturb
          sdetweil @plainbroke
          last edited by

          @plainbroke I would have to see all the elements and styles.

          You should be able to change it live in the developers window, so you know exactly what goes in custom.css

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @sdetweil
            last edited by sdetweil

            @plainbroke

            try this

            .MMM-DateCounter hr {
               border-style: none;
             }
            

            to discover this, I set the updateInterval on this module to 30 seconds (30*1000) so it wouldn’t update the content so fast

            and then used the developers window to view the content created by the module

            and selected the element that made the line, (using the pointer highlight mode)
            and tried different values in the box on the top right…

            Screenshot at 2024-08-04 11-54-24.png

            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

              Again, Thank you for the help.

              Slow learner. But trying anyways.

              1 Reply Last reply Reply Quote 0
              • plainbrokeP plainbroke has marked this topic as solved on
              • plainbrokeP plainbroke has marked this topic as solved on
              • 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