Community Events adds the following class names to the body of Community Events pages:<\/p>\n\n\n\n
- \n
.tribe_community_edit<\/code>: This class is only used on Community Events submission pages.<\/li>\n\n\n\n.tribe_community_list<\/code>: This class is only used on Community Events “My Events” pages.<\/li>\n<\/ul>\n\n\n\n\u261d\ufe0f For a quick example of using these classes effectively, here’s a bit of example code that would make the Event Title label text on the Community Events submission form red:<\/p>\n\n\n\n
body.tribe_community_edit .events-community-post-title label {\n color: red;\n}<\/pre><\/pre>\n\n\n\nCSS and PHP: Template Tags<\/h4>\n\n\n\n
The above method \u2014 using HTML body classes \u2014 allows you to easily write custom CSS for Community Events pages with just CSS. No PHP is required.<\/p>\n\n\n\n
You could use PHP to print CSS directly onto Community Events pages, though. There are a number of reasons why one might want to do this, and these same methods could be used to print JavaScript onto Community Events pages, too, so they’re worth describing.<\/p>\n\n\n\n
The two main template tags you’ll want to be aware of in this sort of situation are as follows:<\/p>\n\n\n\n
- \n
tribe_is_community_edit_event_page()<\/code>: Returns true only if the Community Events submission page is currently being viewed.<\/li>\n\n\n\ntribe_is_community_my_events_page()<\/code>: Returns true only if the Community Events “My Events” page is currently being viewed.<\/li>\n<\/ul>\n\n\n\nYou could use these template tags to print CSS or JavaScript onto Community Events pages with a PHP snippet like the following, which hooks into WordPress’ wp_head action<\/a> to print CSS if you’re on either the submission page or the “My Events” list page.<\/p>\n\n\n
\n<?php\n\/**\n * Adds CSS or JS to the top of Community Events' submission and "My Events" pages.\n *\/\nfunction teckb_events_community_css() {\n \n if ( ! tribe_is_community_edit_event_page() && ! tribe_is_community_my_events_page() ) {\n return;\n }\n?>\n\n<style>\n.insert-your-custom-css-here {\n background: black;\n color: blue;\n}\n<\/style>\n\n<script>\nconsole.log( 'You can also insert JavaScript, although this may be best in the wp_footer hook' );\n<\/script>\n\n<?php\n}\n \nadd_action( 'wp_head', 'teckb_events_community_css' );\n<\/pre><\/div>\n\n\nMake Form Fields Required<\/h2>\n\n\n\n
This tutorial is only suggested as a starting place. You’ll need to customize the code examples for your own specific needs.<\/p>\n\n\n\n
By default, only the Event Title<\/em> and Event Description<\/em> fields are required on the Community Events submission form. But you can use plugin filters to modify what fields are required and\/or what error messages display when a required field hasn’t been filled out by the submitter.<\/p>\n\n\n\n
You can specify event fields for requirement by using this filter: tribe_events_community_required_fields<\/kbd><\/p>\n\n\n\n
To make the Event URL field required for submission, for example, you could add the following snippet of code to your site:<\/p>\n\n\n
\nadd_filter( 'tribe_events_community_required_fields', 'my_community_required_fields', 10, 1 );\n\nfunction my_community_required_fields( $fields ) {\n\n if ( ! is_array( $fields ) ) {\n return $fields;\n }\n\n $fields[] = 'EventURL';\n\n return $fields;\n}\n<\/pre><\/div>\n\n\nThe
(required)<\/code> label should automatically be added after the field label, if the field is required.<\/p>\n\n\n\nYou can see a full list of the default fields below. It’s worth mentioning that there are also two “shortcut” fields you can specify for the tribe_events_community_required_fields<\/kbd> filter: venue<\/kbd> and organizer<\/kbd>. These two shortcuts make the entire venue section or organizer section required, respectively. If either is added via the tribe_events_community_required_fields<\/kbd> filter, then the user has to pick an existing venue or organizer option or<\/strong> create a new one\u2014the venue or organizer can’t be left.<\/p>\n\n\n\n
Default Event Fields<\/h4>\n\n\n\n
- \n
- post_content<\/kbd><\/li>\n\n\n\n
- event_image<\/kbd><\/li>\n\n\n\n
- EventStartDate<\/kbd><\/li>\n\n\n\n
- EventStartHour<\/kbd><\/li>\n\n\n\n
- EventStartMinute<\/kbd><\/li>\n\n\n\n
- EventStartMeridian<\/kbd><\/li>\n\n\n\n
- EventEndDate<\/kbd><\/li>\n\n\n\n
- EventEndMinute<\/kbd><\/li>\n\n\n\n
- EventEndHour<\/kbd><\/li>\n\n\n\n
- EventEndMeridian<\/kbd><\/li>\n\n\n\n
- is_recurring<\/kbd><\/li>\n\n\n\n
- EventCurrencySymbol<\/kbd><\/li>\n\n\n\n
- tax_input.tribe_events_cat<\/kbd> (for event categories)<\/em><\/li>\n\n\n\n
- venue<\/kbd><\/li>\n\n\n\n
- organizer<\/kbd><\/li>\n\n\n\n
- EventShowMapLink<\/kbd><\/li>\n\n\n\n
- EventURL<\/kbd><\/li>\n<\/ul>\n\n\n\n
Venue Fields<\/h3>\n\n\n\n
You can specify venue fields for requirement by using this filter:<\/p>\n\n\n\n
- \n
- tribe_events_community_required_venue_fields<\/kbd><\/li>\n<\/ul>\n\n\n\n
To make the venue URL and phone number required, for example, you could write the following snippet:<\/p>\n\n\n
\nadd_filter( 'tribe_events_community_required_venue_fields', 'my_venue_community_required_fields' );\n\nfunction my_venue_community_required_fields( $fields ) {\n \n if ( ! is_array( $fields ) ) {\n return $fields;\n }\n\n $fields[] = 'Phone';\n $fields[] = 'URL';\n\n return $fields;\n}\n<\/pre><\/div>\n\n\nIn order for the above snippet to work, it is necessary to also require the venue field itself. You can do that with the following snippet:<\/p>\n\n\n
\nadd_filter( 'tribe_events_community_required_fields', 'my_community_required_fields' );\n \nfunction my_community_required_fields( $fields ) {\n \n if ( ! is_array( $fields ) ) {\n return $fields;\n }\n \n $fields[] = 'venue';\n \n return $fields;\n}\n<\/pre><\/div>\n\n\n\nDefault Venue Fields<\/h4>\n\n\n\n
- \n
- Venue<\/kbd> (the Venue Name)<\/em><\/li>\n\n\n\n
- Address<\/kbd><\/li>\n\n\n\n
- City<\/kbd><\/li>\n\n\n\n
- Province<\/kbd><\/li>\n\n\n\n
- State<\/kbd><\/li>\n\n\n\n
- Zip<\/kbd><\/li>\n\n\n\n
- Phone<\/kbd><\/li>\n\n\n\n
- URL<\/kbd><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n
Organizer Fields<\/h3>\n\n\n\n
You can specify organizer fields for requirement by using this filter:<\/p>\n\n\n\n
- \n
- tribe_events_community_required_organizer_fields<\/kbd><\/li>\n<\/ul>\n\n\n\n
To make the organizer email address required, for example, you could write the following snippet:<\/p>\n\n\n
\nadd_filter( 'tribe_events_community_required_organizer_fields', 'my_organizer_community_required_fields' );\n\nfunction my_organizer_community_required_fields( $fields ) {\n \n if ( ! is_array( $fields ) ) {\n return $fields;\n }\n\n $fields[] = 'Email';\n\n return $fields;\n} \n<\/pre><\/div>\n\n\nIn order for the above snippet to work, it is necessary to also require the organize field itself. You can do that with the following snippet:<\/p>\n\n\n
\nadd_filter( 'tribe_events_community_required_fields', 'my_community_required_fields' );\n \nfunction my_community_required_fields( $fields ) {\n \n if ( ! is_array( $fields ) ) {\n return $fields;\n }\n \n $fields[] = 'organizer';\n \n return $fields;\n}\n<\/pre><\/div>\n\n\n\nDefault Organizer Fields<\/h4>\n\n\n\n
- \n
- Organizer<\/kbd> (the organizer name)<\/li>\n\n\n\n
- Phone<\/kbd><\/li>\n\n\n\n
- Website<\/kbd><\/li>\n\n\n\n
- Email<\/kbd><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n
Additional Fields<\/h3>\n\n\n\n
- Phone<\/kbd><\/li>\n\n\n\n
- Organizer<\/kbd> (the organizer name)<\/li>\n\n\n\n
- Address<\/kbd><\/li>\n\n\n\n
- Venue<\/kbd> (the Venue Name)<\/em><\/li>\n\n\n\n
- event_image<\/kbd><\/li>\n\n\n\n
![\"This](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2019\/10\/ECP-custom-1-1024x193.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/11\/CleanShot-2024-11-22-at-16.21.41@2x-1024x365.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/11\/CleanShot-2024-11-22-at-16.30.15@2x-1024x363.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/11\/CleanShot-2024-11-22-at-16.38.30@2x-1024x443.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/CleanShot-2024-12-03-at-17.20.31@2x-1024x641.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/CleanShot-2024-12-03-at-17.30.47@2x-1024x393.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/CleanShot-2024-12-03-at-17.33.33@2x-1024x348.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2025\/06\/2025-06-26_20-36.png\")
<\/figure><\/div>\n\n\n