MagicMirror² v2.4.1 is available! For more information about this release, check out this topic.
Please read the release notes carefully since this update requires adjustments to your Raspberry Pi configuration!

How to adjust Font ,Icon,color in Phone Notification Mirror

  • Because My Monitor 32 inch,when use Phone Notification Mirror Module. the letter,icon display is very small for me. I would to know set and adjust Font Bigger,Icon color

    Thanks for all helps

  • @nobita In the CSS folder, there is a custom.css file (~/MagicMirror/css/custom.css). Any changes you make here will override the main font settings. You can adjust the font sizes here at your leisure.

    For example:

    body {
      margin: 60px;
      position: absolute;
      height: calc(100% - 120px);
      width: calc(100% - 120px);
      background: #000;
      color: #aaa;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 400;
      font-size: 5em;
      line-height: 3em;
      -webkit-font-smoothing: antialiased;

    … should give you a starting point.