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.

    MMM-PaprikaMenu: Increase Font Size

    Troubleshooting
    2
    2
    178
    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
      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.

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