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-WunderGround-PWS-Observations

    Scheduled Pinned Locked Moved Utilities
    20 Posts 5 Posters 6.8k Views 9 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 @Saabman
      last edited by

      @Saabman by using the developers window you can examine the styles and results

      https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1679343561716

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • V Offline
        Volkae @Saabman
        last edited by

        @Saabman said in MMM-WunderGround-PWS-Observations:

        @Volkae can you post a screen shot even just a photo of your screen.?

        Here is a photo…MM.jpg

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @Volkae
          last edited by sdetweil

          @Volkae may need to override

          .module {
            margin-bottom: var(--gap-modules);
          }
          

          defaults to 30px

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          V 1 Reply Last reply Reply Quote 0
          • V Offline
            Volkae @sdetweil
            last edited by

            @sdetweil
            sorry Sam, I don 't know where to put the lines.
            Absolut beginner…

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @Volkae
              last edited by

              @Volkae all css goes in ~/MagicMirror/css/custom.css

              if the file doesn’t exist, create it

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              V 1 Reply Last reply Reply Quote 0
              • V Offline
                Volkae @sdetweil
                last edited by

                @sdetweil
                I put it in my custom.css but it only changes the distance between the upper edge from my MM and the weather module. It does not change the distance between the weather module and the WunderGround-PWS-Observation module.

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @Volkae
                  last edited by

                  @Volkae hm. makes no sense as it explicitly does the gap between modules

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  V 1 Reply Last reply Reply Quote 0
                  • V Offline
                    Volkae @sdetweil
                    last edited by

                    @sdetweil
                    /**

                    • Module styles.
                      */

                    .module {
                    margin-bottom: 30px;
                    }

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