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 Color Issues

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    3 Posts 2 Posters 1.3k 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.
    • D Offline
      DennisFaucher
      last edited by

      Hello,

      I think I have tried all the working solutions on here to color code events by calendar type. I have failed at all of them. I am using the Upcoming view. Any help is appreciated.

      Here is a section of my config/config.js

      calendars : [
        {
          name: "Fred",
          icon: "maki:bicycle-11",
          url: "https://calendar.google.com/calendar/ical/[snip]/public/basic.ics",
          classname: "fred"
        },
      

      I have tried all of these options in css/custom.css and none of them have worked:

      This did NOT work

      /* style Fred */
      .CX2 .fred {
      color:#F00;
      }

      This did NOT work

      /* style Fred Upcoming*/
      .CX2 .fred.upcoming {
      color:#F00;
      }

      This did NOT work

      .CX2 .event.fred {
      color:#F00;
      }

      This did NOT work

      transform: (event) => {
      if (event.calendarName.search(“Fred”) > -1) {
      color:#F00;
      },
      return event
      },

      Thanks in advance

      ? 1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User @DennisFaucher
        last edited by

        @DennisFaucher
        “className”, not “classname”

        1 Reply Last reply Reply Quote 0
        • D Offline
          DennisFaucher
          last edited by

          Good catch. Thank you. This fixed the problem. The only format above that works and changes the color of the text is:

          .CX2 .event.fred {
          color:#F00;
          }

          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