{"id":7553,"date":"2025-10-09T17:06:44","date_gmt":"2025-10-09T16:06:44","guid":{"rendered":"https:\/\/churchtools.academy\/?post_type=docs&#038;p=7553"},"modified":"2025-10-09T17:06:47","modified_gmt":"2025-10-09T16:06:47","password":"","slug":"wie-konnen-eingebettete-kalender-mit-css-angepasst-werden","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/wie-konnen-eingebettete-kalender-mit-css-angepasst-werden\/","title":{"rendered":"Wie k\u00f6nnen eingebettete Kalender mit CSS angepasst werden?"},"content":{"rendered":"\n<p>Du kannst das Aussehen und die angezeigten Informationen des eingebetten Kalenders auf deiner Website mithilfe von CSS anpassen.<br>Dazu tr\u00e4gst du CSS-Befehle in den System-Einstellungen deines ChurchTools ein, welche dann beim Einbetten automatisch ber\u00fccksichtigt werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. System-Einstellungen \u00f6ffnen<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"340\" height=\"338\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-66.png\" alt=\"\" class=\"wp-image-8148\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-66.png 340w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-66-300x298.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-66-150x150.png 150w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Kalendermodul ausw\u00e4hlen<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"640\" height=\"361\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-68.png\" alt=\"\" class=\"wp-image-8152\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-68.png 640w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-68-300x169.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-68-360x203.png 360w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. CSS-Befehle eintragen<\/h2>\n\n\n\n<p>Hier hinterlegst du die von dir gew\u00fcnschten CSS-Befehle.<br>Vergiss nicht, deine \u00c4nderungen zu <em><strong>speichern<\/strong><\/em> bevor du die System-Einstellungen wieder schlie\u00dft.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"640\" height=\"468\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-67.png\" alt=\"\" class=\"wp-image-8150\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-67.png 640w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-67-300x219.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-67-360x263.png 360w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Hinweis<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">Du kannst definieren, wann die CSS-Befehle angewandt werden sollen, indem du eigene <em><strong>CSS-Klassen<\/strong><\/em> vergibst (1).<br>So kannst du einstellen, dass ein in den System-Einstellungen hinterlegter CSS-Befehl nur dann angewendet wird, wenn du im Dialogfenster zum Kalender einbetten, die entsprechende CSS-Klasse ebenfalls hinzuf\u00fcgst (2). Damit wird der eingebettete Kalender mit einer eigenen CSS-Klasse versehen.<br><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"432\" class=\"wp-image-8138\" style=\"width: 500px\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-64.png\" alt=\"\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-64.png 874w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-64-300x148.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-64-768x380.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-64-360x178.png 360w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/><br><br><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"537\" class=\"wp-image-8142\" style=\"width: 300px\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-65.png\" alt=\"\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-65.png 340w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-65-190x300.png 190w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-65-324x512.png 324w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/p>\n<\/aside>\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\">Artikel zum Weiterlesen<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-ressourcen-im-eingebetteten-kalender-ausblenden\/\" data-type=\"docs\" data-id=\"7530\">Ressourcen im eingebetteten Kalender ausblenden<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-kalender-einbetten-css-klassen\/\" data-type=\"docs\" data-id=\"7527\">Kalender einbetten: CSS Klassen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-kalender-einbetten-url-parameter\/\" data-type=\"docs\" data-id=\"7528\">Kalender einbetten: URL Parameter<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>Du kannst das Aussehen und die angezeigten Informationen des eingebetten Kalenders auf deiner Website mithilfe von CSS anpassen.Dazu tr\u00e4gst du CSS-Befehle in den System-Einstellungen deines ChurchTools ein, welche dann beim Einbetten automatisch ber\u00fccksichtigt werden. 1. System-Einstellungen \u00f6ffnen 2. Kalendermodul ausw\u00e4hlen 3. CSS-Befehle eintragen Hier hinterlegst du die von dir gew\u00fcnschten CSS-Befehle.Vergiss nicht, deine \u00c4nderungen zu [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[278],"doc_tag":[269],"knowledge_base":[172],"class_list":["post-7553","docs","type-docs","status-publish","hentry","doc_category-kalender-einbetten","doc_tag-screenshot-veraltet","knowledge_base-churchtools-module"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"year_month":"2026-04","word_count":82,"total_views":"2991","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Victoria Weidemann","author_nicename":"vweidemann","author_url":"https:\/\/churchtools.academy\/de\/author\/vweidemann\/"},"doc_category_info":[{"term_name":"Kalender einbetten","term_url":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/"}],"doc_tag_info":[{"term_name":"Screenshot veraltet","term_url":"https:\/\/churchtools.academy\/de\/docs-tag\/screenshot-veraltet\/"}],"knowledge_base_info":[{"term_name":"Module","term_url":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/","term_slug":"churchtools-module"}],"knowledge_base_slug":["churchtools-module"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/comments?post=7553"}],"version-history":[{"count":9,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7553\/revisions"}],"predecessor-version":[{"id":41005,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7553\/revisions\/41005"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/media?parent=7553"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/doc_category?post=7553"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/doc_tag?post=7553"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/knowledge_base?post=7553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}