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

Reduce font size in System stats

Scheduled Pinned Locked Moved Development
9 Posts 3 Posters 1.1k 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.
  • P Offline
    pieguy
    last edited by broberg Jan 3, 2021, 11:16 AM Jan 2, 2021, 2:12 PM

    hi guys
    anyone know how to reduce font size in this module
    thanks```

    1 Reply Last reply Reply Quote 0
    • G Offline
      George
      last edited by Jan 3, 2021, 10:18 AM

      Something like this:
      .calendar .title
      {
      font-size:15px;
      }

      1 Reply Last reply Reply Quote 0
      • G Offline
        George
        last edited by Jan 3, 2021, 10:20 AM

        in custom.css

        1 Reply Last reply Reply Quote 0
        • P Offline
          pieguy
          last edited by Jan 5, 2021, 8:56 AM

          thanks george, but there is no css file in this module .I have looked everywhere but cant figure it out, I am a nubbie btw
          thanks anyway

          1 Reply Last reply Reply Quote 0
          • M Offline
            MajorC Project Sponsor
            last edited by Jan 5, 2021, 10:54 AM

            Try:

            /**
             * MMM-SystemStats styles
             */
            .MMM-SystemStats table {
            	width: 350px; 
            	/*color: #666; */
            	font-size: 20px;
             }
             
            .MMM-SystemStats td {
                line-height: 25px;
            }
            
            1 Reply Last reply Reply Quote 0
            • P Offline
              pieguy
              last edited by Jan 5, 2021, 11:55 AM

              thanks major
              not quite sure where to paste this code, tried everything so I have decided to scrap the module ,as it is way beyond my comprehension… guess I will have to stick with the simple
              modules …this app says everything is optional, but dont say how to implement the options.

              thanks for your reply and happy coding

              1 Reply Last reply Reply Quote 0
              • M Offline
                MajorC Project Sponsor
                last edited by MajorC Jan 5, 2021, 11:59 AM Jan 5, 2021, 11:57 AM

                It is very easy,

                in the folder

                /home/pi/MagicMirror/css
                

                copy&paste the main.css and rename it to custom.css.

                Delete everything in the NEW file and copy&paste what I wrote.

                Than restart you MM.

                1 Reply Last reply Reply Quote 0
                • P Offline
                  pieguy
                  last edited by Jan 5, 2021, 12:30 PM

                  ground control to major C

                  WOW,it works,you are a genius…thanks so much, I had just about given up on stats

                  1 Reply Last reply Reply Quote 0
                  • P Offline
                    pieguy
                    last edited by Jan 5, 2021, 12:58 PM

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • 1 / 1
                    1 / 1
                    • First post
                      5/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