MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. bokifide
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 11
    • Groups 0

    Posts

    Recent Best Controversial
    • Resize custom or main modules

      Hey,

      I added a bunch of modules to my mirror and I’m finding it hard to pick which ones I want to get rid of to make it all fit… I’m just wondering if there’s a way to change the size of the modules so they don’t take up so much space. :) let me know

      Mich had added the following:

      If you just put the following items in your css/custom.css you can change the font sizes of the mirror by adjusting the values.

      .xsmall {
        font-size: 15px;
        line-height: 20px;
      }
      
      .small {
        font-size: 20px;
        line-height: 25px;
      }
      
      .medium {
        font-size: 30px;
        line-height: 35px;
      }
      
      .large {
        font-size: 65px;
        line-height: 65px;
      }
      
      .xlarge {
        font-size: 75px;
        line-height: 75px;
        letter-spacing: -3px;
      }
      

      But I’m quite new to this… Once you add the values above in css/custom.css how and where do I adjust the values as mentioned above??

      Regards,

      Boki

      Note from Moderator: Please use Markdown on code snippets for easier reading.

      posted in Development
      bokifideB
      bokifide
    • 1 / 1