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 2.9k 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

      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

        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

        mumblebajM 1 Reply Last reply Reply Quote 0
        • mumblebajM Offline
          mumblebaj Module Developer @agentJames
          last edited by

          @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 Reply Quote 0
          • A Offline
            agentJames @mumblebaj
            last edited by

            @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

            mumblebajM 1 Reply Last reply Reply Quote 0
            • mumblebajM Offline
              mumblebaj Module Developer @agentJames
              last edited by

              @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

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

                mumblebajM 1 Reply Last reply Reply Quote 0
                • mumblebajM Offline
                  mumblebaj Module Developer @agentJames
                  last edited by mumblebaj

                  @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 Reply Quote 0
                  • A Offline
                    agentJames @mumblebaj
                    last edited by

                    @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

                      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?

                      mumblebajM 1 Reply Last reply Reply Quote 0
                      • mumblebajM Offline
                        mumblebaj Module Developer @agentJames
                        last edited by

                        @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 Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • 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