• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

Distance between two modules

Scheduled Pinned Locked Moved Custom CSS
9 Posts 5 Posters 2.7k 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.
  • P Offline
    Peter
    last edited by May 3, 2019, 1:55 PM

    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 May 4, 2019, 1:15 AM Reply Quote 0
    • M Offline
      motdog @Peter
      last edited by May 4, 2019, 1:15 AM

      @Peter is location bottom right?

      1 Reply Last reply Reply Quote 0
      • P Offline
        Peter
        last edited by May 4, 2019, 8:34 AM

        Both are top_right.
        Peter

        M 1 Reply Last reply May 4, 2019, 11:13 AM Reply Quote 0
        • M Offline
          Mykle1 Project Sponsor Module Developer @Peter
          last edited by May 4, 2019, 11:13 AM

          @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 Offline
            Peter
            last edited by May 4, 2019, 12:18 PM

            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

            M 1 Reply Last reply May 4, 2019, 9:12 PM Reply Quote 0
            • R Offline
              retroflex Project Sponsor Module Developer
              last edited by May 4, 2019, 1:59 PM

              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
              • M Offline
                Mykle1 Project Sponsor Module Developer @Peter
                last edited by May 4, 2019, 9:12 PM

                @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 Offline
                  Peter
                  last edited by May 5, 2019, 2:38 PM

                  @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 !!!

                  B 1 Reply Last reply May 5, 2019, 2:57 PM Reply Quote 0
                  • B Offline
                    broberg Project Sponsor @Peter
                    last edited by May 5, 2019, 2:57 PM

                    @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
                    1 / 1
                    • First post
                      3/9
                      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