ICS Calendar

ICS Calendar
  • Features
    • ICS Calendar Pro
    • Feature Comparison
    • Sample Calendars
    • Preview Your Calendar
    • More WordPress Plugins
  • Help
    • User Guide
      • Quick Start Guide
      • Getting Started
      • General WordPress Settings
      • ICS Calendar Settings
      • Shortcode Overview
      • Shortcode Reference
      • FAQs and Tips
      • CSS Guide
      • Developer Resources
      • GDPR
    • Pro Documentation
      • Calendar Builder
      • ICS Events
      • Manual Calendar Setup
      • Admin Utilities and Settings
      • Customizer
      • Block Editor
      • Parameters Reference
    • Shortcode Builder
    • Support Request Form
    • Translation Suggestions
  • Blog
    • Change Logs
      • ICS Calendar
      • ICS Calendar Pro
  • Download
    • ICS Calendar Pro
    • ICS Calendar (free)
  • Cart
  • My Account
Search
More...

User Guide

  • Quick Start Guide
  • Getting Started
  • General WordPress Settings
  • ICS Calendar Settings
  • Shortcode Overview
  • Shortcode Reference
  • FAQs and Tips
  • CSS Guide
  • Developer Resources
  • GDPR

More Help

  • User Guide
  • Shortcode Builder
  • Pro Documentation
  • Support Request Form
  • Translation Suggestions

CSS Guide

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.)

Room 34 Creative Services, LLC

  • Facebook
  • YouTube
  • Bandcamp
  • Room 34 Creative Services, LLC
  • Minneapolis, Minnesota 55406 USA
  • info@icscalendar.com
  • More WordPress Plugins
  • Privacy Policy
  • Terms & Conditions

Copyright © 2025 Room 34 Creative Services, LLC. All rights reserved.
"ICS Calendar", "ICS Calendar Pro", "ICS Events", the ICS Calendar logo and ICS icon are trademarks of Room 34 Creative Services, LLC.
All screenshots are accurate at the time they are taken; features and layouts are subject to change without notice.

https://icscalendar.com/css-guide