{"id":9397,"date":"2024-05-02T14:12:28","date_gmt":"2024-05-02T13:12:28","guid":{"rendered":"https:\/\/leogeracademy.hestia.wpspace.me\/?post_type=docs&p=9397"},"modified":"2024-12-10T17:18:00","modified_gmt":"2024-12-10T16:18:00","password":"","slug":"13-how-to-hide-the-resources-in-an-embedded-calendar","status":"publish","type":"docs","link":"https:\/\/staging.churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-how-to-hide-the-resources-in-an-embedded-calendar\/","title":{"rendered":"How to hide the resources in an embedded calendar"},"content":{"rendered":"\n

The calendars in ChurchTools are very helpful for organizing different areas within the church and keeping track of appointments. Of course, it is even better if the calendars are also integrated on your own church website and display all relevant information there.<\/p>\n\n\n\n

However, there are times when certain appointment information should be displayed in ChurchTools but not be visible on the website. In this tutorial, we will show you how to hide appointment information in the embedded calendar using the example of resources.<\/p>\n\n\n\n

Open system settings<\/h2>\n\n\n\n

You can customize your embedded calendar with CSS classes. You store these in advance in the system settings of your ChurchTools.<\/p>\n\n\n\n

To do this, open the system settings<\/em> (1) and (2) and navigate to Modules<\/em> (3) > Calendar<\/em> (4).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

 <\/p>\n\n\n\n

\n

What is CSS?<\/strong>
CSS stands for Cascading Style Sheets (https:\/\/de.wikipedia.org\/wiki\/Cascading_Style_Sheets) and is a core language of the internet. This style sheet language for electronic documents is used to customize the appearance of a website using commands.<\/p>\n<\/blockquote>\n\n\n\n

Enter CSS command<\/h2>\n\n\n\n

To hide the resources stored in the event, enter the following CSS command in the field provided (1): .event-resources { display:none }<\/code> . Then save your changes (2).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n