MMM-CalendarExt

[A Former User]

@dolszews89
I don’t recommend to display event time on tableStyle (weeks, month), but if you want,

Add this into your css/custom.css

.CALEXT .tableStyle .eventTime {
  display:block;
  font-size:10px;
}


.CALEXT .tableStyle .fulldayevent  .eventTime {
  display:block;
  font-size:10px;
}

PS : There is no other modification in my css/custom.css

[migitcheetah]

Is there a way to set my month view to start on Monday instead of Sunday? I have events that are Monday through Sunsay, and would like to avoid them wrapping from one line to the next, and instead have them on one single line from Monday to Sunday.

[A Former User]

@migitcheetah
It depends on your locale.

[migitcheetah]

@Sean ok,
How would I know which locals have a monday start date, and would that change the entire mirrors language? Can I change local just for the calendar?

[A Former User]

@migitcheetah
So, what is your default language of MM?

https://github.com/eouia/MMM-CalendarExt/wiki/Configuration#system

If you are using English, use en-GB. In UK, a week would start from Monday. (but in US, starts from Sunday.)

[migitcheetah]

@Sean thanks!
My default language is English US.
So I was looking at the calendar config and will set its local to en-gb and see if that works, if not, I can use en-gb for the entire mirror.

Thanks for your reply.

[migitcheetah]

How can I change the background color on the month view day of the week header? I have fixed everything else to look the way I like, but the background is transparent, and the text is white, and I would like to make the background solid black, but just cant seem to find the right css block.

[A Former User]

@migitcheetah
Easily, you can use like this;

.CALEXT #CALEXT_month {
  background-color:black;
}

I put the blue color to body intentionally to check.

[migitcheetah]

@Sean Thanks for this, that is a great solution, but before I commit to it, I wanted to just check in and see if I could just change the background on the day of the week headers?
I like the rest as I have it in my screen shot, but if it is not possible, then your solution will work.

Thanks for all your help.

[A Former User]

@migitcheetah

css/custom.css

.CALEXT .calendarMonth .weekHeader {
  background-color:#FF00FF;
}

.CALEXT .calendarMonth .weekHeader .day_1 {
  background-color: #00FFFF;
}