3. How to adjust Font ,Icon,color in Phone Notification Mirror
MagicMirror² v2.5.0 is available! For more information about this release, check out this topic.

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

  • N

    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

    0 1 Reply

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

    0