Denali/Mt. McKinley and Brown Bear Software logo
Calcium Documentation - CSS Tips
Horizontal Line

There are many aspects of the calendar display you can modify with custom CSS rules. To try them out, go to the "Settings" menu for your calendar, and click the "CSS" link. Put the CSS rules in the "Inline CSS" section, save that form, and then redisplay your calendar.

  • List View - to Align Day/Date at top of each day

              .DayCol {vertical-align: top;}
              .DateCol {vertical-align: top;}
  • Block View - keep days the same height, with scroll bars
    The Block View will normally make the days as tall as needed to display all the events. Instead, you can have vertical scroll bars appear on all days that would be taller than the specified height. Use the following CSS:

              .DayWithEvents {height: 80px; overflow: auto;}