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.

    Removing lines

    Scheduled Pinned Locked Moved Solved Troubleshooting
    7 Posts 4 Posters 2.0k Views 4 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.
    • QuesadaQ Offline
      Quesada
      last edited by

      How can I remove the separatory lines from each module?

      S Mykle1M 2 Replies Last reply Reply Quote 0
      • S Away
        sdetweil @Quesada
        last edited by

        @Quesada can u explain more. I don’t see any separators between modules I use

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        QuesadaQ 1 Reply Last reply Reply Quote 0
        • M Offline
          motdog
          last edited by

          if you are talking about under the header, I believe the only way to get rid of the line is to get rid of the header in the config file for example the line under My Weather would be removed by getting rid of the header in the config file, but from my understanding you would also lose the words my weather

          1 Reply Last reply Reply Quote 0
          • Mykle1M Offline
            Mykle1 Project Sponsor Module Developer @Quesada
            last edited by Mykle1

            @Quesada

            Assuming we are talking about the underline of the header, you most certainly can eliminate that without losing the header itself. In your custom.css file you would add this:

            .MMM-FMI header.module-header {
              border-bottom: none;
            }
            

            To get this:

            0_1555893100580_Screenshot from 2019-04-21 20-23-36.png

            Change this, MMM-FMI, to the module name you want to affect. If you want all your modules to have no “border-bottom”, you can try this in your custom.css file instead.

            header {
              border-bottom: none;
            }
            

            Create a working config
            How to add modules

            QuesadaQ 1 Reply Last reply Reply Quote 0
            • QuesadaQ Offline
              Quesada @sdetweil
              last edited by Quesada

              @sdetweil I’m talking about the bottom line of WEATHER title.
              0_1555952718691_Untitled.png

              Sorry for low explanation

              Mykle1M 1 Reply Last reply Reply Quote 0
              • QuesadaQ Offline
                Quesada @Mykle1
                last edited by

                @Mykle1 I tried and it didn’t worked what i want it, but thanks

                1 Reply Last reply Reply Quote 0
                • Mykle1M Offline
                  Mykle1 Project Sponsor Module Developer @Quesada
                  last edited by

                  @Quesada said in Removing lines:

                  I’m talking about the bottom line of WEATHER title.

                  Individual modules.

                  .WEATHER-MODULE-NAME-HERE header.module-header {
                    border-bottom: none;
                  }
                  

                  I made a mistake (because I didn’t test) on the second direction I made above. I corrected it but here it is again.

                  All modules! This one is easier to use.

                  header {
                    border-bottom: none;
                  }
                  

                  These absolutely work. Please post your custom.css file if they do not.

                  Create a working config
                  How to add modules

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