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.

    Header and Title Module Color Change

    Scheduled Pinned Locked Moved Troubleshooting
    3 Posts 0 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.
    • H Offline
      homerj99
      last edited by paviro

      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

      H 1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User
        last edited by A Former User

        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;
        }
        
        1 Reply Last reply Reply Quote 2
        • H Offline
          homerj99 @homerj99
          last edited by homerj99

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

          1 Reply Last reply Reply Quote 0

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          • 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