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.

    Highlight current day in calendar

    Scheduled Pinned Locked Moved Solved Troubleshooting
    20 Posts 2 Posters 849 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
      rvnbrg
      last edited by

      Hello.
      I use the MMM-MonthlyCalendar module and I try to highlight the current day in the calendar. The developer said that that should come from the default calendar, but unfortunately no further help.
      Can someone point me in the right direction to have the background of the current day in the calendar colored in white?

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

        @rvnbrg ok, he provides css that targets ‘today’

        .MMM-MonthlyCalendar .today {
          background-color: rgba(192, 192, 192, 0.2);
        }
        

        so, just add that to custom.css and change the color

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        R 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @rvnbrg
          last edited by

          @rvnbrg which version of that module are you using?

          in the module folder do

          git remote -v

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          R 2 Replies Last reply Reply Quote 0
          • R Offline
            rvnbrg @sdetweil
            last edited by

            @sdetweil xavier@raspberrypi:~/MagicMirror/modules/MMM-MonthlyCalendar $ git remote -v
            origin https://github.com/kolbyjack/MMM-MonthlyCalendar.git (fetch)
            origin https://github.com/kolbyjack/MMM-MonthlyCalendar.git (push)
            xavier@raspberrypi:~/MagicMirror/modules/MMM-MonthlyCalendar $

            1 Reply Last reply Reply Quote 0
            • R Offline
              rvnbrg @sdetweil
              last edited by

              @sdetweil I am on the current latest version.

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

                @rvnbrg ok, he provides css that targets ‘today’

                .MMM-MonthlyCalendar .today {
                  background-color: rgba(192, 192, 192, 0.2);
                }
                

                so, just add that to custom.css and change the color

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                R 2 Replies Last reply Reply Quote 0
                • R Offline
                  rvnbrg @sdetweil
                  last edited by

                  @sdetweil omg it worked! Thank you very much!

                  1 Reply Last reply Reply Quote 0
                  • S sdetweil has marked this topic as solved on
                  • R Offline
                    rvnbrg @sdetweil
                    last edited by

                    @sdetweil I did so and it worked the first day(s) but today and Yesterday the background was gone. I checked the custom css and all lines are still present. Did I do something wrong? Or does it have to do something with the weekend days?

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

                      @rvnbrg I do not know. I would have to look at the content to see if the classes were applied

                      see here how to look at the content
                      https://forum.magicmirror.builders/post/90135

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      R 1 Reply Last reply Reply Quote 0
                      • R Offline
                        rvnbrg @sdetweil
                        last edited by

                        @sdetweil today I noticed that I do see the highlighted background when I open Magic Mirror on my phone’s web browser, but not on the mirror itself. A bit strange isn’t it?

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

                          @rvnbrg if you refresh the MagicMirror screen, if you have a keyboard hit ctrl-r
                          or restart MagicMirror

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          R 2 Replies Last reply Reply Quote 0
                          • 1
                          • 2
                          • 1 / 2
                          • 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