Experienced webmasters may want more control of their public calendar view than is provided by localendar's Color Preferences editor.
For those individuals, we provide "hooks" into all of the public calendar views via a set of CSS placeholder classes. Feel free to implement these classes in your site to change your calendar's appearance. This is a great way to change font sizes, link colors, or other attributes not covered by our Color Preferences editor.
These classes let you alter the title text (eg, mt-usr), monthname text (eq, mm-usr), and event title text (eg, m-usr) for the 3 base calendar views: Month, Week, and Day. The classes ending in al and ar (mal,mar,wal,war,dal,dar) are applied to the forward/backward arrows on their respective calendar views.
| CSS class | What it affects |
|---|---|
| .m-usr | Event Names shown on the Month view |
| .mt-usr | Calendar Title as shown on the Month view |
| .mm-usr | Month Name as shown on the Month view |
| .mal-usr | Left-arrow on the Month View |
| .mar-usr | Right-arrow on the Month View |
| .w-usr | Event Names shown on the Week view |
| .wt-usr | Calendar Title as shown on the Week view |
| .wal-usr | Left-arrow on the Week View |
| .war-usr | Right-arrow on the Week View |
| .d-usr | Event Names shown on the Day view |
| .dt-usr | Calendar Title as shown on the Day view |
| .dal-usr | Left-arrow on the Day View |
| .dar-usr | Right-arrow on the Day View |
| .holiday | Holiday name text shown on all views |
 | Handy Hint Some members choose to add their custom CSS classes as HTML in their calendar's Title or Footer fields (found under General Options) |