MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.24.0 is available! For more information about this release, check out this topic.

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

    Troubleshooting
    2
    2
    1463
    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
      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

      bhepler 1 Reply Last reply Reply Quote 0
      • bhepler
        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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
        This forum is using NodeBB as its core | Contributors
        Contact | Privacy Policy