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

Updating did nothing but gave fatal error warning.

Scheduled Pinned Locked Moved Solved Troubleshooting
41 Posts 4 Posters 9.2k Views 3 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
    Richard238
    last edited by Apr 9, 2022, 9:23 PM

    Goodness, that’s complicated! Well, it kinda makes sense but, I’ll read it again when not so tired.

    Sadly, still nothing. (Commented second one out in case it was the cause, but no luck there.)

     .calendar .fa-calendar-check-o {
      color: #00d255 /* 55=Green FF=Blue */
    }
    
    /*
    .calendar .fa-trash-o  {
      color: #C97F7F; /* Brown 
    }
    */ 
    

    Also tried a known working fa icon from the weather module, but again, nothing.

    S 1 Reply Last reply Apr 9, 2022, 9:25 PM Reply Quote 0
    • S Offline
      sdetweil @Richard238
      last edited by sdetweil Apr 9, 2022, 9:27 PM Apr 9, 2022, 9:25 PM

      @Richard238 it worked with the change (oops)

      note that the selector is NOT -o

      I used your text in the message, not the ACTUAL class on the element… my bad…

      thats why we LOOK IT UP!..

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • R Offline
        Richard238
        last edited by Apr 9, 2022, 9:29 PM

        Even though the icon is fa-calendar-check-o
        https://fontawesome.com/v4/icon/calendar-check-o

        we omit the -o ?

        S 1 Reply Last reply Apr 9, 2022, 9:30 PM Reply Quote 0
        • S Offline
          sdetweil @Richard238
          last edited by sdetweil Apr 9, 2022, 9:31 PM Apr 9, 2022, 9:30 PM

          @Richard238 see the exact class used on the element, we use the ACTUAL info, not whatever ‘config’ says

          oh, using on MY machine, using the default calendar config …

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • R Offline
            Richard238
            last edited by Apr 9, 2022, 9:38 PM

            class? element? I try, but I’m not much of a coder. I’m hopelessly lost, as I’m sure you can tell.

            I appreciate your efforts but sadly this is way beyond my skills. :(

            I’ll live without the icon for now and perhaps revisit another day.

            S 1 Reply Last reply Apr 9, 2022, 9:41 PM Reply Quote 0
            • S Offline
              sdetweil @Richard238
              last edited by Apr 9, 2022, 9:41 PM

              @Richard238 and I look at the fontawesome 6 lib and calendar-check-o is no more

              I set calendar-check-o in my config and get nothing, look at the elements and see fa-calendar-check-o

              but it doesn’t exist

              https://fontawesome.com/icons

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • R Offline
                Richard238
                last edited by Apr 9, 2022, 9:56 PM

                f63310fb-c5c6-40b4-b433-897e0bcff600-image.png

                Not coloured (even changing solid to light), but it’s an icon :)

                .calendar .fa-solid fa-calendar {
                  color: #00d255 /* 55=Green FF=Blue */
                }
                
                
                .calendar .fa-light fa-trash-can  {
                  color: #C97F7F; /* Brown */
                }
                

                The other icons used to work, pre update.
                Did MM change which fa library they use?
                The fa libraries ought to be backwards compatible, no?

                More tomorrow, I need sleep. :sleeping_face:

                S 1 Reply Last reply Apr 9, 2022, 10:33 PM Reply Quote 0
                • S Offline
                  sdetweil @Richard238
                  last edited by Apr 9, 2022, 10:33 PM

                  @Richard238 yes, libs should be backward compatible… but nobody cares much for that anymore…

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • R Offline
                    Richard238
                    last edited by Apr 10, 2022, 4:13 PM

                    I now have coloured icons in the calendar:

                    2cde94cd-45ff-48af-a9d0-2d1a6f1bcdee-image.png

                    Code now looks like this:

                    /* Calendar: config.js set to  symbol: 'fa-light fa-calendar', */ 
                    .calendar .fa-calendar-day {
                      color: #00d255 /* 55=Green FF=Blue */
                    }
                    
                    /* Calendar: config.js set to  symbol: 'fa-light fa-trash-can', */ 
                    .calendar .fa-trash  {
                      color: #C97F7F /* Brown */
                    }
                    
                    
                    S 1 Reply Last reply Apr 10, 2022, 4:14 PM Reply Quote 1
                    • S Offline
                      sdetweil @Richard238
                      last edited by Apr 10, 2022, 4:14 PM

                      @Richard238 great job!

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      R 1 Reply Last reply Apr 10, 2022, 4:15 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 4 / 5
                      4 / 5
                      • First post
                        33/41
                        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