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 226 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.
    • plainbrokeP Offline
      plainbroke
      last edited by

      I want to get rid of or Center the line under the HEADER. Even all the way across would be fine.

      fea073ca-aed7-4cea-8277-447deec3e3fa-image.png

      Slow learner. But trying anyways.

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