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

CSS: Color And Style

Scheduled Pinned Locked Moved Utilities
15 Posts 2 Posters 3.0k 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.
  • A Offline
    agentJames
    last edited by agentJames Jul 10, 2020, 2:49 AM Jul 10, 2020, 2:46 AM

    Re: MMM-MyCalendar
    What does my CSS file need to have in order to look like the colored picture? In other words what needs to be written in the CSS file of MMM-MyCalendar to look like the picture? Right now all the colors I have is black and white with a little bit of grey. I want the output to be like the final picture of what MMM-MyCalendar is suppose to look like. For some reason I cannot put a picture to show what I have right now but I think you already know what the end of MMM-MyCalendar is suppose to look like.

    1 Reply Last reply Reply Quote 0
    • A Offline
      agentJames
      last edited by Jul 10, 2020, 4:54 PM

      These are the pictures. This is what it looks like right now.
      safety.JPG
      I want it to look like:
      871a7600-9b98-485e-ae50-50f70e116d76-image.png

      M 1 Reply Last reply Jul 10, 2020, 5:04 PM Reply Quote 0
      • M Offline
        mumblebaj Module Developer @agentJames
        last edited by Jul 10, 2020, 5:04 PM

        @agentJames Have you set the config option for colored to true?

        colored: true,
        

        Check out my modules at: https://github.com/mumblebaj?tab=repositories

        A 1 Reply Last reply Jul 10, 2020, 5:38 PM Reply Quote 0
        • A Offline
          agentJames @mumblebaj
          last edited by Jul 10, 2020, 5:38 PM

          @mumblebaj Someone else told me to do that, so I did. Now it looks like this:
          ac30936b-6c4b-4a44-9db5-2c567750b01f-image.png
          Next is like how do I remove “United States” and how do I add multiple-colors so it will look like:5836d3d7-0ee6-4231-b833-2b2798ade9e0-image.png

          M 1 Reply Last reply Jul 10, 2020, 5:47 PM Reply Quote 0
          • M Offline
            mumblebaj Module Developer @agentJames
            last edited by Jul 10, 2020, 5:47 PM

            @agentJames Can you share your config for the module? Which calendar are you using?

            Check out my modules at: https://github.com/mumblebaj?tab=repositories

            1 Reply Last reply Reply Quote 0
            • A Offline
              agentJames
              last edited by Jul 10, 2020, 5:52 PM

              e59546e8-8944-4050-9a67-c3d793243432-image.png

              M 1 Reply Last reply Jul 10, 2020, 6:03 PM Reply Quote 0
              • M Offline
                mumblebaj Module Developer @agentJames
                last edited by mumblebaj Jul 10, 2020, 6:04 PM Jul 10, 2020, 6:03 PM

                @agentJames The URL you are using does not look right. Can you swop it for the following? http://www.calendarlabs.com/templates/ical/US-Holidays.ics

                I think what you might be seeing is the example calendar

                Check out my modules at: https://github.com/mumblebaj?tab=repositories

                A 1 Reply Last reply Jul 10, 2020, 6:08 PM Reply Quote 0
                • A Offline
                  agentJames @mumblebaj
                  last edited by Jul 10, 2020, 6:08 PM

                  @mumblebaj I tried this URL and it gave me:e4df5d0f-1a79-4ba8-87aa-7e930e513f62-image.png

                  1 Reply Last reply Reply Quote 0
                  • A Offline
                    agentJames
                    last edited by agentJames Jul 10, 2020, 7:00 PM Jul 10, 2020, 6:38 PM

                    I did some changing and now it looks like this:
                    2477676d-bc39-47f4-b505-6288b0cba559-image.png

                    The next question is what do I need to write in the config file to have 2 columns?

                    M 1 Reply Last reply Jul 10, 2020, 7:02 PM Reply Quote 0
                    • M Offline
                      mumblebaj Module Developer @agentJames
                      last edited by Jul 10, 2020, 7:02 PM

                      @agentJames I just installed the module and it works fine for me.

                      14621910-ec07-4c8a-adf3-2797d443083d-image.png

                      The config:
                            {
                                      module: "MMM-MyCalendar",
                                      header: "Events + Holidays",
                                      position: "top_left",
                                      config: {
                                              colored: true,
                                              calendars: [
                                                      {
                                                      url: "https://www.officeholidays.com/ics/ics_country_iso.php?tbl_country=ZA"
                                                      symbol: 'calendar',
                                                      color: "#ffb350"
                                                      } ]
                                              }
                              },
                      

                      Although, I used a different calendar to test with.

                      Check out my modules at: https://github.com/mumblebaj?tab=repositories

                      A 1 Reply Last reply Jul 10, 2020, 7:06 PM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        1/15
                        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