• 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.

MM css help please

Scheduled Pinned Locked Moved Troubleshooting
7 Posts 3 Posters 849 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
    Mykle1 Project Sponsor Module Developer @Manu85
    last edited by Apr 9, 2020, 10:15 PM

    @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 Apr 10, 2020, 8:50 AM Reply Quote 0
    • L Offline
      lavolp3 Module Developer
      last edited by Apr 9, 2020, 10:47 PM

      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 Apr 10, 2020, 8:50 AM

        @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 Apr 10, 2020, 8:54 AM

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

          M 1 Reply Last reply Apr 10, 2020, 9:55 PM Reply Quote 0
          • M Offline
            Manu85
            last edited by Apr 10, 2020, 1:05 PM

            @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
            • M Offline
              Mykle1 Project Sponsor Module Developer @Manu85
              last edited by Apr 10, 2020, 9:55 PM

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