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

Calendar Module: Multiple Icons.

Scheduled Pinned Locked Moved Troubleshooting
21 Posts 6 Posters 12.2k Views 6 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.
  • J Offline
    johnnyboy @strawberry 3.141
    last edited by johnnyboy Apr 28, 2017, 10:15 PM Mar 15, 2017, 7:08 PM

    This post is deleted!
    1 Reply Last reply Reply Quote 0
    • J Offline
      johnnyboy @Richard238
      last edited by johnnyboy Apr 28, 2017, 10:15 PM Mar 15, 2017, 7:10 PM

      This post is deleted!
      1 Reply Last reply Reply Quote 0
      • R Offline
        Richard238
        last edited by Richard238 Mar 15, 2017, 7:16 PM Mar 15, 2017, 7:14 PM

        Sure, it’s in /home/pi/MagicMirror/css/custom.css

         * Changes to this files will be ignored by GIT. *
         *****************************************************/
        
         body {
         	
         }
        
         
         .fa.fa-calendar-check-o {
          color: #00d2ff; /* Blue */
        }
        
         .fa.fa-trash-o  {
          color: #C97F7F; /* Brown */
        
        J S 2 Replies Last reply Mar 15, 2017, 7:19 PM Reply Quote 1
        • J Offline
          johnnyboy @Richard238
          last edited by johnnyboy Apr 28, 2017, 10:14 PM Mar 15, 2017, 7:19 PM

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • S Offline
            strawberry 3.141 Project Sponsor Module Developer @Richard238
            last edited by Mar 16, 2017, 4:04 PM

            @Richard238 https://github.com/MichMich/MagicMirror/pull/779

            Please create a github issue if you need help, so I can keep track

            J R 2 Replies Last reply Mar 16, 2017, 9:55 PM Reply Quote 1
            • J Offline
              johnnyboy @strawberry 3.141
              last edited by johnnyboy Apr 28, 2017, 10:13 PM Mar 16, 2017, 9:55 PM

              This post is deleted!
              S 1 Reply Last reply Mar 16, 2017, 10:13 PM Reply Quote 0
              • S Offline
                strawberry 3.141 Project Sponsor Module Developer @johnnyboy
                last edited by strawberry 3.141 Mar 16, 2017, 10:24 PM Mar 16, 2017, 10:13 PM

                @johnnyboy There is a css trick you probably didn’t know about, but will blow your mind :D

                there is only one trash can icon in fontawesome, so how can we use it but colorize it differently for different trash types.

                In germany, at least in my area, paper is blue, plastic is yellow, biowaste is brown and rest is black.

                0_1489702972961_trash.PNG

                this is a working example https://jsfiddle.net/a8p7snpd/4/ you just need some icons that you never will use in the calendar module like car, truck and cab

                Please create a github issue if you need help, so I can keep track

                J 1 Reply Last reply Mar 17, 2017, 10:59 AM Reply Quote 1
                • R Offline
                  Richard238 @strawberry 3.141
                  last edited by Mar 16, 2017, 10:53 PM

                  @strawberry-3.141 What do I do with that, how do I use it?
                  Thanks.

                  S 1 Reply Last reply Mar 17, 2017, 12:21 AM Reply Quote 0
                  • C Offline
                    cowboysdude Module Developer
                    last edited by Mar 17, 2017, 12:21 AM

                    strawberry taught me how to do this he said:
                    “there two ways to make a truck to a trash can 1. you take my css 2. you crash the truck into a wall :D”

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      strawberry 3.141 Project Sponsor Module Developer @Richard238
                      last edited by Mar 17, 2017, 12:21 AM

                      @Richard238 you have to wait until it gets merged into the code base or you switch to my fork, but i wouldnt recommend that

                      Please create a github issue if you need help, so I can keep track

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      2 / 3
                      • First post
                        11/21
                        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