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.

    MMM-PaprikaMenu: Increase Font Size

    Scheduled Pinned Locked Moved Troubleshooting
    2 Posts 2 Posters 284 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.
    • F Offline
      fabian2
      last edited by

      I installed PaprikaMenu and the font is astronomically small, is there a way to increase the font size?

      I have tried to increased the size in the css module of Paprika and still no luck.

      lavolp3L 1 Reply Last reply Reply Quote 0
      • lavolp3L Offline
        lavolp3 Module Developer @fabian2
        last edited by

        @fabian2
        have a look into the MMM-PaprikaMenu.css, then find out the respective font sizes.
        In this case there’s e.g.

        .MMM-PaprikaMenu table.menu {
          font-size: 17px;
          line-height: 1;
          border-collapse: collapse;
          table-layout: fixed;
          width: 100%;
        }
        .MMM-PaprikaMenu .menu .date {
          font-size: 14px;
        }
        
        .MMM-PaprikaMenu .menu .meal {
          font-size: 17px;
          text-overflow: ellipsis;
          overflow: hidden;
        }
        
        .MMM-PaprikaMenu .menu .today .date {
          font-size: 17px;
        }
        
        .MMM-PaprikaMenu .menu .today .meal {
          color: #FFF;
          font-size: 24px;
        }
        

        Not ure if I have all.

        You can now

        1. comment the font-size lines e.g. with a # in front of them, so they adapt to MagicMirror font sizes
        2. copy them to custom.css and adjust font sizes.

        Font size, like all css properties are interpreted top to down, so if you give the module(or the .MMM-PaprikaMenu class) a font-size, the property will be overwritten by the same property of every child element (e.g. by the font-size of .MMM-PaprikaMenu .menu .date).

        How to troubleshoot modules
        MMM-soccer v2, MMM-AVStock

        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