Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    UNSOLVED MMM-CalendarExt2 Color Issues

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

      Sean 1 Reply Last reply Reply Quote 0
      • Sean
        Sean Module Developer @DennisFaucher last edited by

        @DennisFaucher
        “className”, not “classname”

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