• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 926 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 Jul 26, 2024, 2:22 PM

    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 Jul 26, 2024, 2:50 PM Reply Quote 0
    • S Offline
      sdetweil @rvnbrg
      last edited by Jul 26, 2024, 3:18 PM

      @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 Jul 26, 2024, 4:30 PM Reply Quote 0
      • S Offline
        sdetweil @rvnbrg
        last edited by Jul 26, 2024, 2:50 PM

        @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 Jul 26, 2024, 2:51 PM Reply Quote 0
        • R Offline
          rvnbrg @sdetweil
          last edited by Jul 26, 2024, 2:51 PM

          @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 Jul 26, 2024, 2:56 PM

            @sdetweil I am on the current latest version.

            S 1 Reply Last reply Jul 26, 2024, 3:18 PM Reply Quote 0
            • S Offline
              sdetweil @rvnbrg
              last edited by Jul 26, 2024, 3:18 PM

              @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 Jul 26, 2024, 4:30 PM Reply Quote 0
              • R Offline
                rvnbrg @sdetweil
                last edited by Jul 26, 2024, 4:30 PM

                @sdetweil omg it worked! Thank you very much!

                1 Reply Last reply Reply Quote 0
                • S sdetweil has marked this topic as solved on Jul 26, 2024, 4:32 PM
                • R Offline
                  rvnbrg @sdetweil
                  last edited by Jul 28, 2024, 7:40 PM

                  @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 Jul 28, 2024, 8:33 PM Reply Quote 0
                  • S Offline
                    sdetweil @rvnbrg
                    last edited by Jul 28, 2024, 8:33 PM

                    @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 Jul 29, 2024, 10:36 AM Reply Quote 0
                    • R Offline
                      rvnbrg @sdetweil
                      last edited by Jul 29, 2024, 10:36 AM

                      @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 Jul 29, 2024, 11:14 AM Reply Quote 0
                      • S Offline
                        sdetweil @rvnbrg
                        last edited by Jul 29, 2024, 11:14 AM

                        @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 Jul 29, 2024, 3:10 PM Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        1 / 2
                        • First post
                          1/20
                          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