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.

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

    Scheduled Pinned Locked Moved Troubleshooting
    2 Posts 2 Posters 2.3k Views 2 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.
    • N Offline
      nobita
      last edited by

      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

      bheplerB 1 Reply Last reply Reply Quote 0
      • bheplerB Offline
        bhepler Module Developer @nobita
        last edited by

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

        1 Reply Last reply Reply Quote 0
        • 1 / 1
        • First post
          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