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.


Log in to reply
 

Looks like your connection to MagicMirror Forum was lost, please wait while we try to reconnect.