ICS Calendar includes a number of customization options, and its functionality can be altered or extended using the built-in filters, but sometimes the easiest way to achieve changes to its presentation can be with a bit of custom CSS code.
Use our CSS Guide to make the most of the flexibility CSS offers for customizing your calendar’s appearance.
ICS Calendar CSS Variables
A full list of the custom CSS variables that exist in the ICS Calendar plugin. Modifying these variable values is the easiest way to customize ICS Calendar CSS.
ICS Calendar CSS Classes
A full list of the custom CSS classes that exist in the ICS Calendar plugin. Use your browser inspector to get exact CSS selectors you may need for advanced style modifications.
Using the Inspector
Get to know the “inspector” in your web browser. It’s a great way to see how the CSS of the plugin is constructed, so you can choose the proper selectors for the elements you want to modify.
CSS Tips and Tricks
A collection of examples of CSS code you can use as a basis for customizing your calendar. (Work in progress.)