custom .css file



  • hi what is it and how to access it.i am trying to increase size of weather and calendar screen modules
    cheers
    geo



  • @geo it is a file for you to add your own styles
    it is located in

    ~/MagicMirror/css
    


  • Here is an example of the weather module:

    /*.MMM-BMW-DS .header {color: yellow}*/         /* Header color. */
    .MMM-BMW-DS .image {width: 5%; height: 5%; margin-top: 0px; margin-bottom: -10px; } /* icon size */
    .MMM-BMW-DS .current {color: #FFFFFF; font-family: Gloria Hallelujah; font-size: .99em;}/* text forecast color. Default is white. */
    .MMM-BMW-DS .summary {color: #FFFFFF; font-family: Gloria Hallelujah; font-size: .99em; display: none; }/* text forecast color. Default is white. */ /* uncomment to hide */
    .MMM-BMW-DS .daily {color: #FFFFFF; font-family: Gloria Hallelujah; font-size: .99em; }/* days of the week color. Default is white. */