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 i do change font and it's size of a module?

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    5 Posts 4 Posters 5.2k 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.
    • O Offline
      ooskay
      last edited by

      Dear All,
      I’ve added below functions in to custom.css but nothing changed.
      module name is correct and text is fully match with the model name.

      Your helps welcome.
      thanks and regards

      module: ‘MMM-JsonTable’,
      font-size: 15px
      font-family: “Roboto Condensed”, Arial, Helvetica, sans-serif;
      font-weight: 400;

      1 Reply Last reply Reply Quote 0
      • cowboysdudeC Offline
        cowboysdude Module Developer
        last edited by cowboysdude

        Nothing changes because you are guessing at the elements names…

        You could try this in your custom css

        .MMM-JsonTable .wrapper {
        font-size: 15px;
        }

        You could put this in your custom css file at the top:
        @import url(‘https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed’);

        THEN:
        Your custom.css file you could do this:

        .MMM-JsonTable .wrapper {
        font-size: 15px;
        font-family: “Robot Condensed”;
        }

        1 Reply Last reply Reply Quote 0
        • O Offline
          ooskay
          last edited by

          Thanks for the kindly respond. Solved with using below …

          #module_8_MMM-JsonTable table td
          {
          color: #fff;
          font-weight: 400;
          font-size: 25px;
          font-family: “Roboto Condensed”, sans-serif;
          }

          1 Reply Last reply Reply Quote 0
          • N Offline
            Newbie007
            last edited by

            What should be the module name if I want to increase the font of default helloworld module?

            brobergB 1 Reply Last reply Reply Quote 0
            • brobergB Offline
              broberg Project Sponsor @Newbie007
              last edited by

              @Newbie007

              It is

              .modulename

              Case sensitive

              So if nothing is changed for the deafult helloworld module it is

              .helloworld

              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