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.2k 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.
    • S Offline
      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