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.

    MM css help please

    Scheduled Pinned Locked Moved Troubleshooting
    7 Posts 3 Posters 924 Views 3 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.
    • M Offline
      Manu85
      last edited by

      hello, I am French and I am writing with a translator, is someone could help me, I would like to make the texts of the modules brighter and know how to bring the modules closer to the right side (for the right modules) and the same thing on the left I was told that it was with the css file, but I am lost, thanks for your help

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

        @Manu85

        In your custom.css file you would add this to the body for a 10 pixel border around the entire mirror. Your modules should then adjust themselves unless there are some individual css rules applied to the modules themselves. You can adjust to your liking. Personally, I don’t like modules pushed up against the edge of the mirror. For me, the 10 pixels is perfect.

        body {
           margin: 10px;
           height: calc(100% - 20px);
           width: calc(100% - 20px);
        }
        
        

        Create a working config
        How to add modules

        M 1 Reply Last reply Reply Quote 0
        • lavolp3L Offline
          lavolp3 Module Developer
          last edited by

          to make fonts brighter you should add these lines to your custom.css and change them to your liking. Below are mine.
          I set all rather bright to be able to dim the monitor itself more. Then it doesn’t shine that much through the glass.

          
          .dimmed {
            color: #f5f5f5;
          }
          
          .normal {
            color: #fcfcfc;
          }
          
          .bright {
            color: #ffffff;
          }
          

          How to troubleshoot modules
          MMM-soccer v2, MMM-AVStock

          1 Reply Last reply Reply Quote 1
          • M Offline
            Manu85 @Mykle1
            last edited by

            @Mykle1 bravo and thank you for your help, I modified the css and my left modules shifted to the left and it’s perfect, but it also shifted the right modules, is it possible that the right modules shift to the right, I know it is not easy to explain by writing, I will try to attach a screenshot … and I have a question to ask you on your MMM-EARTH-Live module, is that 'should I open a new topic?Capture.PNG

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

              @Mykle1 @lavolp3 well done you are champions

              bravo and thank you for your help, I modified the css and my left modules shifted to the left and it’s perfect, but it also shifted the right modules, is it possible that the right modules shift to the right, I know it is not easy to explain by writing, I will try to attach a screenshot … and I have a question to ask you on your MMM-EARTH-Live module, is that 'should I open a new topic?

              Mykle1M 1 Reply Last reply Reply Quote 0
              • M Offline
                Manu85
                last edited by

                @Mykle1
                sorry i didn’t see that !!! it’s great now

                height: calc(100% - 20px);
                width: calc(100% - 20px);

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

                  @Manu85 said in MM css help please:

                  MMM-EARTH-Live module, is that 'should I open a new topic?

                  Yes please.

                  And you can mark this topic as solved

                  Create a working config
                  How to add modules

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