• 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.

MMM-CalendarExt2: Change Colour for actual day and weekend days

Scheduled Pinned Locked Moved Troubleshooting
cssmmm-calendarext2colour
4 Posts 2 Posters 836 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.
  • S Offline
    SaltedCod
    last edited by Mar 30, 2021, 10:03 PM

    Hey there,

    Newbie here loving all of this, but struggling with CSS. I want to do three things:

    1. On the basic calendar view, the present day is highlighted in white. What is the code to change its colours, and what is the css file I need to change?

    2. I want to give “Saturday” and “Sunday” a different colour text each. What is the code to change its colours, and what is the css file I need to change?

    3. I’d like the “Saturday” and “Sunday” rows to have a different background colour each. What is the code to change its colours, and what is the css file I need to change?

    Thanks!

    851ff7dd-d582-4444-b01f-054b6f958baf-image.png

    S 1 Reply Last reply Mar 30, 2021, 10:19 PM Reply Quote 0
    • S Offline
      sdetweil @SaltedCod
      last edited by Mar 30, 2021, 10:19 PM

      @saltedcod said in MMM-CalendarExt2: Change Colour for actual day and weekend days:

      what is the css file I need to change?

      always same answer, (all from the MagicMirro folder)

      add stuff to css/custom.css,

      don’t edit file provided by modules or MagicMirror

      if css/custom.css doesn’t exist, just create it

      touch css/custom.css

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      S 1 Reply Last reply Mar 31, 2021, 11:43 AM Reply Quote 0
      • S Offline
        SaltedCod @sdetweil
        last edited by Mar 31, 2021, 11:43 AM

        @sdetweil Thank you for your suggestions.
        I have been using the CSS files that came with the original installation. I have backups of the original files, though. I’ll see how I can make a custom css file.

        But I still don’t have an answer to my questions! :)

        S 1 Reply Last reply Mar 31, 2021, 12:07 PM Reply Quote 0
        • S Offline
          sdetweil @SaltedCod
          last edited by Mar 31, 2021, 12:07 PM

          @saltedcod I can’t answer on the module info.

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • 1 / 1
          1 / 1
          • First post
            1/4
            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