{"id":9382,"date":"2023-11-23T14:20:31","date_gmt":"2023-11-23T13:20:31","guid":{"rendered":"https:\/\/churchtools.academy\/?post_type=docs&#038;p=9382"},"modified":"2025-09-03T08:07:22","modified_gmt":"2025-09-03T07:07:22","password":"","slug":"13-embed-calendar-css-classes","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-embed-calendar-css-classes\/","title":{"rendered":"Embed calendar: CSS classes"},"content":{"rendered":"\n<p>The calendar view is equipped with various CSS classes that you can address to modify the embedded calendar view for your own website.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th><strong>CSS Class<\/strong><\/th><th><strong>Description<\/strong><\/th><\/tr><\/thead><tbody><tr><td><code>event-calendar<\/code><\/td><td>Calendar name<\/td><\/tr><tr><td><code>event-title<\/code><\/td><td>Appointment title<\/td><\/tr><tr><td><code>event-subtitle<\/code><\/td><td>Subtitle of the appointment<\/td><\/tr><tr><td><code>event-date<\/code><\/td><td>Appointment date<\/td><\/tr><tr><td><code>event-comment<\/code><\/td><td>Appointment description<\/td><\/tr><tr><td><code>event-link<\/code><\/td><td>Link to the appointment<\/td><\/tr><tr><td><code>event-author<\/code><\/td><td>Creator and changes of the appointment<\/td><\/tr><tr><td><code>event-address<\/code><\/td><td>Appointment place<\/td><\/tr><tr><td><code>event-image<\/code><\/td><td>Appointment picture<\/td><\/tr><tr><td><code>event-requests<\/code><\/td><td>Meeting requests for the appointment<\/td><\/tr><tr><td><code>event-resource<\/code><\/td><td>Resources booked for the appointment<\/td><\/tr><tr><td><code>event-modules<\/code><\/td><td>Buttons at the bottom leading to the other modules:<br>Resources, Events and Registration<\/td><\/tr><tr><td><code>body.embedded #page {background-color: transparent !important;}<\/code><\/td><td>Hintergrund des Kalenders transparent machen<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<aside class=\"wp-block-group ct-artikel-zum-weiterlesen has-background is-layout-constrained wp-container-core-group-is-layout-89fd719a wp-block-group-is-layout-constrained\" style=\"border-radius:8px;background-color:#f9fafb;margin-top:24px;margin-bottom:24px;padding-top:32px;padding-right:24px;padding-bottom:32px;padding-left:24px\">\n<h4 class=\"wp-block-heading has-medium-font-size\">Read more<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-how-to-embed-a-calendar-on-your-website\/\" data-type=\"docs\" data-id=\"9394\">How to embed a calendar on your website<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-how-to-customize-embedded-calendars-using-css\/\" data-type=\"docs\" data-id=\"9393\">How to customize embedded calendars using CSS<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-embed-calendar-url-parameters\/\" data-type=\"docs\" data-id=\"9383\">Embed calendar: URL parameters<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>The calendar view is equipped with various CSS classes that you can address to modify the embedded calendar view for your own website. CSS Class Description event-calendar Calendar name event-title Appointment title event-subtitle Subtitle of the appointment event-date Appointment date event-comment Appointment description event-link Link to the appointment event-author Creator and changes of the appointment [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[470],"doc_tag":[],"knowledge_base":[224],"class_list":["post-9382","docs","type-docs","status-publish","hentry","doc_category-embedding-calendars","knowledge_base-churchtools-modules"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"year_month":"2026-04","word_count":93,"total_views":"2418","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Jasper Stehmeier","author_nicename":"jstehmeier","author_url":"https:\/\/churchtools.academy\/en\/author\/jstehmeier\/"},"doc_category_info":[{"term_name":"Embedding Calendars","term_url":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Modules","term_url":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/","term_slug":"churchtools-modules"}],"knowledge_base_slug":["churchtools-modules"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/comments?post=9382"}],"version-history":[{"count":4,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9382\/revisions"}],"predecessor-version":[{"id":39231,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9382\/revisions\/39231"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/media?parent=9382"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_category?post=9382"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_tag?post=9382"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/knowledge_base?post=9382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}