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


Log in to reply
 

Looks like your connection to MagicMirror Forum was lost, please wait while we try to reconnect.