Getting to grips with the styling of CalendarExt2

[Julian]

@sean,

Loving the new build - I’m a newbie to MM, and am trying to use it to build an electronic wall calendar - similar to a DAKboard, but with a bit more customisation.

Two quick questions - (i) I can’t get the class customisation by event (to colour them by calendar for instance) to work for me - not sure where it’s going wrong, as the instructions look straightforward - I’ve defined the class for each calendar in the config.js - classname:“Family”, and then set the colour in the custom.css - .CX2 .Family {
color:#FFA500;

(ii) how do I make the background of the month calendar transparent to see any image behind it (as per the bottom screen shot above)?

Thanks

Julian

[A Former User]

@julian

1. .CX2 .Family is not working? try this in your css/custom.css

.CX2 .event.Family {
  color:#FFA500
}

If your event is fullday event, it could be overriden. Use this also.

.CX2 .event.Family.fullday {
  background-color:#FFA500;
  color:#000;
}

Or…
Possible common pitfalls:

• Mistypo in your config.js about className
• common CSS mistypos (forgotten closing brace, missed semicolon, …)

2. By default, there is gradiently transparent background in each slot cell. If you don’t want it;

.CX2 .slot > .slotContent {
  background-image:none;
}

[Julian]

@sean

Thanks for the quick response. Transparent background now sorted - the calendar works really well with your GooglePhotos module as the background !

Also finally sorted the other problem out - I hadn’t realised it was case-sensitive: classname doens’t work - but className does !

Thanks for all your help - this is an awesome module…

Julian