jclarke0000 / MMM-MyCalendar

Alternative calendar module for MagicMirror.
57 stars 17 forks source link

Color And Column #30

Closed agentJames closed 4 years ago

agentJames commented 4 years ago

How do you add the color and make the events into 2 column? Like the picture. image

agentJames commented 4 years ago

What does the CSS file look like to have the same kind of color, fonts, and the other CSS stuff?

BLoodConstructions commented 4 years ago

The colors of each calendar is handled by the config.js config: { colored: true, calendars: [ { symbol: "calendar", url: "", color: "#00ff00" } }

agentJames commented 4 years ago

Thank You for responding, color is there it worked but everything is one color. How do I get it to be multi-colored like: image

BLoodConstructions commented 4 years ago

Every calendar has its own colors. So try to add a second calendar with a different color, like:

{ symbol: "calendar", // Feiertage url: "", color: "#00ff00" }, { symbol: "calendar", //SuperShift url: "", color: "#ffa90d" }, { symbol: "calendar", // Kalender url: "", color: "#2cb9d9" }, { symbol: "calendar", // AppleSchedule url: "", color: "#244a3e" }, { symbol: "calendar", // Geburtstage url: "", color: "#d52f90" }, { symbol: "calendar", // Abfallkalender url: "", color: "#805d07" }

Mine looks a little different but like this.

image

agentJames commented 4 years ago

Thank you it has the multi color and works now. It looks like: image

The only thing is what do I write in the config file to make it 2 columns and how do I remove the United States?

BLoodConstructions commented 4 years ago

Never tried the second column. But the United States could be cause ‘showLocation = true’ Try to set it to false. In default configuration it is true.

agentJames commented 4 years ago

Since location is not showing, now everything is working and looking the way I wanted. Thanks for your help.

BLoodConstructions commented 4 years ago

That’s great. You’re welcome.