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.

    Screen Font is too big

    Scheduled Pinned Locked Moved Troubleshooting
    17 Posts 4 Posters 15.8k Views 6 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.
    • strawberry 3.141S Offline
      strawberry 3.141 Project Sponsor Module Developer @Menn80
      last edited by strawberry 3.141

      @Menn80 thats wrong Syntax in Plain CSS You can’t Nest like this. You have to do: .modulename .small { font-size: 10px; } and don’t put it between the Curly braces of body, that is just an example and Not necessary

      Please create a github issue if you need help, so I can keep track

      M 1 Reply Last reply Reply Quote 0
      • M Offline
        Menn80 @strawberry 3.141
        last edited by

        @strawberry-3.141
        So I can pretty much remove the body writing that is in the .css file from the start?

        Andy

        strawberry 3.141S 1 Reply Last reply Reply Quote 0
        • strawberry 3.141S Offline
          strawberry 3.141 Project Sponsor Module Developer @Menn80
          last edited by

          @Menn80 exactly

          Please create a github issue if you need help, so I can keep track

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            Menn80 @strawberry 3.141
            last edited by Menn80

            @strawberry-3.141
            Cool, I tried that only with

            body .small {font-size: 10px;}

            and that worked. Is this just a lazy solution? It seems like the only think that might pop up is if I do like the size of one module but I do of another. Can I than include line spacing in on that too? if so would I just add it like so?

            body .small {font-size: 10px; line-height 15px;}

            Andy

            yo-lessY 1 Reply Last reply Reply Quote 0
            • strawberry 3.141S Offline
              strawberry 3.141 Project Sponsor Module Developer
              last edited by

              you can put as much css rules into the curly braces as you want

              you changed the small class for everything in the body tag and everything displayed on the mirror is in the body tag, so it’s affected for all elements using the small class, the other rule affected only the small class using elements in the specific module

              Please create a github issue if you need help, so I can keep track

              1 Reply Last reply Reply Quote 0
              • yo-lessY Offline
                yo-less Module Developer @Menn80
                last edited by

                @Menn80 You can go as far as only writing

                .small {
                    font-size: 10 px;
                }
                

                No need for the ‘body’ tag.

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