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.

    Calendar - colourise events today?

    Scheduled Pinned Locked Moved Troubleshooting
    3 Posts 2 Posters 537 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.
    • R Offline
      RGN01
      last edited by

      I would like to assign a different colour (yellow) to calendar entries due today? Is this possible?

      I’m using the default calendar to display my Google calendar which contains entries that span 90 days and these are in the default white - when one or more events is due today I would like to colourise them to draw attention to them. I am pretty sure the custom.css file is the key to this but have no idea how to go about it so I would appreciate any help to achieve this.

      Thanks

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @RGN01
        last edited by

        @rgn01 so in css you can target the element, type, id, attribute, but not the content of the element (text/html/value)

        there is a css spec for value, but not in any browser yet

        here is a good reference on ways to target (aka select) nodes…
        one note that I didn’t know…css ALWAYS targets ALL items in the ENTIRE document that match the targeting characteristics… so have to make them unique

        https://www.w3schools.com/cssref/css_selectors.asp

        read this on how to use the dev console
        https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1624533876151

        one thing I did not know at the time… u create settings in the upper right window, color, fontsize, background…

        when u get it right you can copy paste the contents of that window into a css entry!! no typing…

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • R Offline
          RGN01
          last edited by

          Thank you @sdetweil - I’m a newcomer to MM and css so will need to do some work to get familiar with it - but at least now have an idea where to start!

          1 Reply Last reply Reply Quote 0
          • 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