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.8k 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.
    • 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
      Check my blog-post: https://mumblebaj.xyz/
      Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

      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
          Check my blog-post: https://mumblebaj.xyz/
          Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

          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
              Check my blog-post: https://mumblebaj.xyz/
              Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

              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
                    Check my blog-post: https://mumblebaj.xyz/
                    Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

                    A 1 Reply Last reply Reply Quote 0
                    • A Offline
                      agentJames @mumblebaj
                      last edited by agentJames

                      @mumblebaj It works for me as well, thanks for the help, do you know how to make it into 2 columns so more events/holidays can show? Like this:aedf8b76-26e2-4190-b089-fe7a4cb8e3c3-image.png

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

                        @agentJames You should be able to set the config

                        columns: true
                        

                        Check out my modules at: https://github.com/mumblebaj?tab=repositories
                        Check my blog-post: https://mumblebaj.xyz/
                        Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

                        A 1 Reply Last reply Reply Quote 0
                        • A Offline
                          agentJames @mumblebaj
                          last edited by

                          @mumblebaj If it is suppose to be written like this, I am getting no change.
                          70c5c653-6ed9-4383-a361-5be584dafd6a-image.png

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

                            @agentJames seems like there was a branch for the using-nunjucks. Maybe @j-e-f-f can advise on how to grab that branch as I don’t see the option in the default branch

                            Check out my modules at: https://github.com/mumblebaj?tab=repositories
                            Check my blog-post: https://mumblebaj.xyz/
                            Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

                            A 1 Reply Last reply Reply Quote 0
                            • A Offline
                              agentJames @mumblebaj
                              last edited by agentJames

                              This post is deleted!
                              1 Reply Last reply Reply Quote 0

                              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                              With your input, this post could be even better 💗

                              Register Login
                              • 1 / 1
                              • 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