Adding custom CSS and JavaScript to the calendar

Step 1: Select calendar

  • Click on “Calendar Builder.”
  • Select your calendar.

Step 2: Add custom CSS

  • Click on “Settings”.
  • Click on the gear icon beside “CSS code”.
  • Paste your custom CSS code.
  • Click on “Save.”

Step 3: Add custom JavaScript

  • Click on “Settings”.
  • Click on the gear next to “JavaScript Code”.
  • Paste the content into the box.
  • Click on “Save”.

Step 4: Remove custom code (if needed)

  • Click on "Settings".
  • Remove the CSS and JavaScript, and refresh to revert changes.
  • Click on save.

Step 5: Save

  • Click on “Settings”.
  • Re-add the custom code if desired.
  • Click on the “preview” page to view changes.
  • Click on save.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.