• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.1k 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 Jul 30, 2018, 9:54 PM

    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
    • C Offline
      cowboysdude Module Developer
      last edited by cowboysdude Jul 31, 2018, 1:34 AM Jul 31, 2018, 1:30 AM

      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 Jul 31, 2018, 3:33 PM

        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 Dec 3, 2019, 11:34 AM

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

          B 1 Reply Last reply Dec 3, 2019, 12:32 PM Reply Quote 0
          • B Offline
            broberg Project Sponsor @Newbie007
            last edited by Dec 3, 2019, 12:32 PM

            @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