MagicMirror² v2.4.1 is available! For more information about this release, check out this topic.
Please read the release notes carefully since this update requires adjustments to your Raspberry Pi configuration!

Header and Title Module Color Change



  • Newbie, so be kind.
    Love the Mirror project and just have a question regarding font color in the modules.
    If I want to change the header color in the Calendar module, say to Red, how would I do it?
    Would it be a change in the config file or the module.

    module: 'calendar',
    header: 'US Holidays',
    position: 'top_left',
    

    Or If I want to change the color of the news module Title, say to red, how and where would I make that change?

    title: "New York Times",
    url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
    

    I do realize that calendar does use a CSS and color of the symbol, title and time can be changed using the css but not certain how to change the Header/Title time



  • There is a custom.css file or this:

    $ sudo nano ~/MagicMirror/css/custom.css
    

    Add following lines:

    header {
        color:red;
    }
    

    Now the header of every module is red.

    If you only want the calendar module, add:

    .calendar header {
        color:red;
    }
    


  • Brilliant, thanks for pointing that out, greatly appreciated.
    Works as you said