MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.20.0 is available! For more information about this release, check out this topic.

    Calendar - colourise events today?

    Troubleshooting
    2
    3
    117
    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
      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
        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

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 0
        • R
          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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
          This forum is using NodeBB as its core | Contributors
          Contact | Privacy Policy