MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Distance between two modules

    Custom CSS
    5
    9
    1885
    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.
    • P
      Peter last edited by

      After trying several hours I have to ask for help.
      NOAA3 on the right side of the new mirror I am making, was not aligned to the right.
      So I changed custom css to change that.
      But now the header of the next module (Football Leagues) is too high (mixed with the text of NOAA).
      And I would like to have some space between these two modules.
      How can I change this?
      I hope I am clear enough!
      Peter

      0_1556891637765_8a89cc14-89d1-453f-a106-a486455d36a9-image.png

      M 1 Reply Last reply Reply Quote 0
      • M
        motdog @Peter last edited by

        @Peter is location bottom right?

        1 Reply Last reply Reply Quote 0
        • P
          Peter last edited by

          Both are top_right.
          Peter

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

            @Peter

            Try this in custom.css:

            .MMM-SportsModuleName {
              margin-top: 50px;
            }
            

            Adjust accordingly

            Create a working config
            How to add modules

            1 Reply Last reply Reply Quote 0
            • P
              Peter last edited by

              Unfortunately it did not work, Mykle.
              I tried values from 10-150.
              The only thing that happened was that Noaa3 and Football Leagues both were placed lower but still the header of Football Leagues is mixed up with the text of Noaa3.
              Peter

              Mykle1 1 Reply Last reply Reply Quote 0
              • R
                retroflex Project Sponsor Module Developer last edited by

                Maybe the other way around works…

                .MMM-NOAA3 {
                margin-bottom: 50px;
                }

                Can you post your custom.css? Maybe it interferes with this in some way.

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

                  @Peter

                  I assume you changed the name of the module in the example I gave you?

                  .MMM-SportsModuleName needs to be changed to the sports module name that you are using

                  Create a working config
                  How to add modules

                  1 Reply Last reply Reply Quote 0
                  • P
                    Peter last edited by

                    @retroflex: this partely solved my problem: there is an extra empty line between the modules now: good thing.
                    But the headers are still mixed up: bad thing, I think I just remove the header.
                    @Mykle: sure I changed the name !!!

                    broberg 1 Reply Last reply Reply Quote 0
                    • broberg
                      broberg Project Sponsor @Peter last edited by

                      @Peter We need to see your custom.css if we will have any chance at all to help you.

                      1 Reply Last reply Reply Quote 1
                      • 1 / 1
                      • First post
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy