The event calendar CSS works properly with the standard Elgg CSS. If you are creating your own theme, then you will need to add your own CSS for any plugins you are using.

I'm using the standard theme, but have discovered it's caused by a conflict with the Tasks plugin. Tasks has some bugs and is nowhere near as good as your Calendar, so I'll fix that! Thanks.

I have the same problem so if you fix this, can you post your fix here?

Thanks

MontanaMike, Do you have the same problem with Tasks and Calendar conflicting? I've left Tasks disabled for now. I haven't started looking into the problem yet, but I assume the CSS files are duplicated. I'm not sure if I'll try to fix Tasks, do without it, or try to create something similar with Keith's Forms plugin.

I've disabled tasks but still have the problem.  I do see changes to the calendar styles for the calendar you see with "view all events", but the popup calendars for choosing start and stop dates still have transparent backgrounds with light blue text.

That's exactly how mine looked. Have you tried clearing your browser cache? I've had a few problems with Firefox, with Elgg and another site I'm currently writing myself, where I've made changes that didn't show up until I cleared it.

Cleared my browser cache plus the elgg simple and filepath cache as well.   No difference.

Tried it on Firefox and Safari.  Same thing.

I've fixed the problem on my site. I identified the stylesheet that affects the calendar display at

mod/event_calendar/views/default/event_calendar/css.php

and added

div#ui-datepicker-div    {
    background:#FFFFFF !important;
    display:block;     
 }

I tried adding it in the theme stylesheet but it didn't seem to effect it.  Not sure why.

try running upgrade.php, the site's css cache needs to refresh.