MagicMirror² v2.5.0 is available! For more information about this release, check out this topic.

how i do change font and it's size of a module?



  • 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;



  • 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”;
    }



  • 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;
    }