Short answers are shown below; click any header for more detailed information.
ICS Calendar Help
ICS Calendar Pro includes a set of tools for the WordPress Customizer (Appearance > Customize > ICS Calendar Pro in the WP admin) that let you change the colors of your calendar to either one of our preset color palettes or to any colors you choose, along with tools to change your font, text size, and various other layout details.
Beyond these settings in Pro, both versions allow you to customize your appearance using CSS. We have made a concerted effort to use a consistent set of CSS classes throughout the ICS Calendar templates, allowing users with a general understanding of CSS coding to modify the calendar appearance extensively.
We are still preparing full documentation of these style classes, but in the meantime, we recommend using the “inspector” in your browser’s developer tools to learn the details of the CSS classes. Your CSS overrides can be placed directly into your theme’s CSS files or entered in the Customizer (Appearance > Customize > Additional CSS).
As a head start, please note that the entire ICS Calendar output is wrapped inside a
<section> tag with the
.ics-calendar class. Inside that container, each view has a class that is used to wrap the iterations of its output, e.g. the month view puts each individual month into an
<article> tag with the
.ics-calendar-month-wrapper class. The wrapper for list view uses
.ics-calendar-list-wrapper and so on.
If your calendars are displaying outdated information, or if you’ve recently added new events to your source calendar that aren’t displaying on the site, you may need to clear the calendar data cache.
Both the free and Pro versions have a utility to clear the calendar cache. Just click a button and the caches will clear, forcing any calendars on your site to immediately reload fresh calendar data.
In the free version, click ICS Calendar in the admin sidebar. In the Pro version, navigate to ICS Calendar > Settings & Tools > Admin. Then click the Clear Cached Calendar Data button.
There are two ways to fix timezone issues.
First, you should make sure your WordPress site is configured with the correct timezone. This is under Settings > General. Be sure to set the Timezone to the city closest to you in the same timezone. For instance, here in Minneapolis we set the timezone to “America/Chicago.”
Do not use the UTC hour offset options. The official PHP documentation explains why these are not a good option. In short, date and time functions may not work properly around the start and end of Daylight Saving Time, because the exact dates when DST goes into effect can be different for different locations within the same UTC offset.
The second option is to use the
tz parameter directly in your shortcode. While we recommend using the general WordPress setting, you may have a situation where you need to display a particular calendar in a different timezone than the one in your WordPress settings. In that case, you can change the timezone for a specific calendar by adding, for example,
tz="America/New_York" to your shortcode. If your calendar includes multiple feeds, you can set a different timezone for each by pipe-delimiting the value in quotation marks, such as
tz="America/New_York|America/Chicago", in the same order as the feeds in your
In ICS Calendar Pro, you can set the timezone for each feed in a saved calendar by picking from the dropdown menu on the calendar editing screen.
Be sure you are using a valid named timezone. You can find a full list in the PHP documentation.