MMM-CalendarExt

[A Former User]

@vauxdvihl
Because your other CSS rules might override that rule. (Simpler rule name might have lower priority). See this. https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Anyway, you can use like this;

 div.CALEXT div.slot div.eventsBoard div.eventContainer div.eventContent {
   font-size: 250%;
   line-height:110%;
 }

(For more exact rule specificity, I should know whole CSS of your MM, but I believe above code enough)

[yoey2112]

Hello @Sean ,
Been playing around with this module for a day now (not very savvy with javascript) and I cannot figure out how to increase the size of my Calendar. I’m using weeks (4 count) and position bottom_bar, but I would like it to take up about a third of the bottom (vertical monitor). I know this must be a change in CSS, but I dont know what to do. Any help would be great!
-Yoey

[A Former User]

@yoey2112
Which parts do you want to grow up? More details I need to help. Image could be a help.

[yoey2112]

So 2 things really. I’d like the Calendar to take up the entire bottom 3rd of the screen.

Second, any suggestions on making it look a little popping?

Thanks!

[justjim1220]

@yoey2112

May I ask how you were able to show blank events?

mine looks like this, all jumbled up and no blanks…

[justjim1220]

@yoey2112

add the following to your custum.css file

 #CALEXT_month.tableStyle {
  max-width:100%;
  width:100%;
  background:none;
}

[justjim1220]

@Sean

Do you see the calendar posted above by @yoey2112 ?

It has blank events instead of collapsed events, I am wanting mine to look like that!

But, I can’t figure out how to get it done!

[yoey2112]

@justjim1220 I added that to my custom CSS but its still fairly small, a little bigger though. Is there any way to adjust the height of that location as well?

[justjim1220]

@yoey2112

what did you add? I have been looking to do this!

the height is self-adjusting per the font sizes and line heights for the table cells.

May be able to figure out a better way if I had the code you used to get the empty cells to show like that.

[A Former User]

@justjim1220
I’ve already sent email for which was talked between us.

@yoey2112
For the whole module width;

.CALEXT .tableStyle {
    margin:auto;
    max-width: 90%; /*  change to 100%  and if you want, you can add field `width` */
}

But it will be affected by your MM body width (By default, it has some margin)