CSS: Color And Style

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

[agentJames]

These are the pictures. This is what it looks like right now.

I want it to look like:

[mumblebaj]

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

colored: true,

[agentJames]

@mumblebaj Someone else told me to do that, so I did. Now it looks like this:

Next is like how do I remove “United States” and how do I add multiple-colors so it will look like:

[mumblebaj]

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

[agentJames]

[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

[agentJames]

@mumblebaj I tried this URL and it gave me:

[agentJames]

I did some changing and now it looks like this:

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

[mumblebaj]

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

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.

[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:

[mumblebaj]

@agentJames You should be able to set the config

columns: true

[agentJames]

@mumblebaj If it is suppose to be written like this, I am getting no change.

[mumblebaj]

@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

[agentJames]

This post is deleted!