MMM-MyCalendar

j.e.f.f

@fabbr Try also setting a maximum width for MMM-MyCalendar in your custom.css file as well. Here is exactly what I have in my custom.css file:

.region.left,
.region.left .module-content {
  width: 555px;
  max-width: 555px;
  min-width: 555px;  
}

.MMM-MyCalendar {
  max-width: 555px;
}

Adjust 555px to whatever you like.

fabbr

@j.e.f.f Very strange mine is completely ignoring the CSS. No change is made on the screen. Here’s my CSS:

 body {
  		 .region.left,
		.region.left .module-content {
 			  width: 555px;
			  max-width: 555px;
			  min-width: 555px;  
		}

		.MMM-MyCalendar {
			  max-width: 555px;
		}
 }

ninjabreadman

@fabbr You can’t nest the braces in CSS. Just take out the body { and last } entirely.

fabbr

@fabbr LoL

Body {
}

Was there, no I was under the impression all the changed were going to be inside the brackets. Sorry it was always my fault. Thank you so much for the help. It now works perfectly!

Mike7400

Is it possible to change the color of title and date for each calendar?

himanshulotia

Just newbie over here. I have used MMM-Mycalendar module to show two different calendar on two separate area of the mirror (bottom_left & bottom_right)
I want heading on each calendar to have different color and if possible icon as well.

Is this possible?

twosquirrels

This module just won’t display a 2-column layout for me despite it being enabled in the config:

{
        module: "MMM-MyCalendar",
        header: "Family Calendar",
        position: "top_left",    // This can be any of the regions. Best results in left or right regions.
        config: {
colored: true,
maximumEntries: 6,
columns: true,
showLocation: false,
maxTitleLength: 200,
fetchInterval: 120000,
fade: false,
calendars: [
.....

ninjabreadman

@twosquirrels Does MMM-MyCalendar support a column layout? I can’t find any reference to a columns property for its config: https://github.com/jclarke0000/MMM-MyCalendar/blob/master/README.md

twosquirrels

@ninjabreadman Page 1 contains an update where it mentions support for 2 columns:
https://forum.magicmirror.builders/topic/2559/mmm-mycalendar?page=1

alt text

ninjabreadman

@himanshulotia Yes.

First, you can set colored: true in the config, then add color: "#d9b4b2” and color: "#a0cfe2" per the docs.

Second, have a look at the FontAwesome 4 docs. You could likely insert them into your headings. For how to insert images, you could probably use CSS if you can find the right selectors.