{"id":1896576,"date":"2019-10-18T13:19:31","date_gmt":"2019-10-18T17:19:31","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/genesis-theme-framework-integration-2\/"},"modified":"2026-04-22T01:47:39","modified_gmt":"2026-04-22T05:47:39","slug":"genesis-theme","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/genesis-theme\/","title":{"rendered":"Using the Genesis Theme Framework with The Events Calendar"},"content":{"rendered":"\n\n\n

The Events Calendar and Genesis Theme Framework<\/a> by Studiopress can work very nicely together, but may require a little bit of customization. Depending on your site settings, you may need to add some snippets to get your calendar displaying how you would like. Unless otherwise stated these snippets should be added to your child theme’s functions.php<\/code> or through a custom plugin. <\/strong><\/p>\n\n\n\n

Genesis content archive settings<\/h2>\n\n\n\n

In Genesis there is an archive setting which can cause the main event views to display only partial text and not the full view.<\/p>\n\n\n\n

If you have the Content Archives set to Display post excerpts as shown here:<\/p>\n\n\n\n

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

Your main event views will end up looking like this:<\/p>\n\n\n\n

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

To fix this, please add the following to your child theme’s functions.php file. This snippet will force the main event views to display full content.<\/p>\n\n\n

\n\/**\n * The Events Calendar - Bypass Genesis genesis_do_post_content in Event Views\n *\n * This snippet overrides the Genesis Content Archive settings for Event Views\n *\n * Event Template set to: Admin > Events > Settings > Display Tab > Events template > Default Page Template\n *\n * The Events Calendar @4.0.4\n * Genesis @2.2.6\n *\/\nadd_action( 'get_header', 'tribe_genesis_bypass_genesis_do_post_content' );\nfunction tribe_genesis_bypass_genesis_do_post_content() {\n\tif ( ! class_exists( 'Tribe__Events__Main' ) ) {\n\t  return;\n\t}\n\n\tif ( class_exists( 'Tribe__Events__Pro__Main' ) ) {\n\t\tif ( tribe_is_month() \n\t\t  || tribe_is_upcoming() \n\t\t  || tribe_is_past() \n\t\t  || tribe_is_day() \n\t\t  || tribe_is_map() \n\t\t  || tribe_is_photo() \n\t\t  || tribe_is_week() \n\t\t  || ( tribe_is_recurring_event() \n\t\t    && ! is_singular( 'tribe_events' ) ) \n\t\t) {\n\t\t\tremove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );\n\t\t\tremove_action( 'genesis_entry_content', 'genesis_do_post_content' );\n\t\t\tadd_action( 'genesis_entry_content', 'the_content', 15 );\n\t\t}\n\t} else {\n\t\tif ( tribe_is_month() || tribe_is_upcoming() || tribe_is_past() || tribe_is_day() ) {\n\t\t\tremove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );\n\t\t\tremove_action( 'genesis_entry_content', 'genesis_do_post_content' );\n\t\t\tadd_action( 'genesis_entry_content', 'the_content', 15 );\n\t\t}\n\t}\n\n}\n<\/pre><\/div>\n\n\n
If you have Content Archives settings set to Display Post Content and the limit is zero (0<\/code> ) the events will display without issue. If you add any number to that field, it will prevent the main event views from showing, but if you add the above snippet it will bypass that setting for the event views as well.<\/p>\n\n\n\n
\"Genesis<\/figure>\n\n\n\n
Event layouts in Genesis<\/h2>\n\n\n\n
The main event views of Month, List, Photo, Map, etc. are archives in WordPress, meaning there is no way to directly change layouts from the Admin. While Genesis allows you to change the default layout different pages, the event templates will only use your default layout.<\/p>\n\n\n\n
Your default layout may work for the single event template, but not your main event views. The following layout snippet helps you target Events templates and display the layout you want on your site.<\/p>\n\n\n\n
For all the layout snippets, you can change full-width-content with any of these other options or a custom layout: full-width-content, content-sidebar, sidebar-content, content-sidebar-sidebar, sidebar-sidebar-content, sidebar-content-sidebar.<\/p>\n\n\n\n
The following snippets will only work<\/strong> if you event template setting is set to default page template.  That setting is found here in your site admin:<\/p>\n\n\n\n
Events \u2192 Settings \u2192 Display Tab \u2192 Events Template \u2192 Default Page Template<\/p>\n\n\n\n
Main Event Views<\/h2>\n\n\n\n
This first snippet will show the main event views at full width.<\/p>\n\n\n
\n\/** \n * Genesis Page Layout of The Event Calendar Main Events Templates (Month, List, Photo, Etc.)\n * The Events Calendar @3.10\n * Genesis @2.1.2\n * Options - full-width-content, content-sidebar, sidebar-content, content-sidebar-sidebar, sidebar-sidebar-content, sidebar-content-sidebar\n *\/\n\n\/\/ Target all Event Views (Month, List, Map etc)\nadd_filter( 'genesis_pre_get_option_site_layout', 'tribe_genesis_view_layouts' );\nfunction tribe_genesis_view_layouts( $layout ) {\n\tif ( ! class_exists( 'Tribe__Events__Main' ) ) {\n\t\treturn $layout;\n\t}\n\n\tif ( class_exists( 'Tribe__Events__Pro__Main' ) ) {\n\t\tif( tribe_is_month() || tribe_is_upcoming() || tribe_is_past() || tribe_is_day() || tribe_is_map() || tribe_is_photo() || tribe_is_week() ) {\n\t\t\treturn 'full-width-content';\n\t\t}\n\t} else {\n\t\tif( tribe_is_month() || tribe_is_upcoming() || tribe_is_past() || tribe_is_day() ) {\n\t\t\treturn 'full-width-content';\n\t\t}\n\t}\n\n\treturn $layout;\n}\n<\/pre><\/div>\n\n\n
All event templates<\/h2>\n\n\n\n
This snippet will show all the event templates including the single templates at full width.<\/p>\n\n\n
\n\/**\n * Genesis Layout of The Event Calendar Views for all Templates\n * The Events Calendar @3.10\n * Genesis @2.1.2\n * Options - full-width-content, content-sidebar, sidebar-content, content-sidebar-sidebar, sidebar-sidebar-content, sidebar-content-sidebar\n *\/\n\/\/ Target all Event Views (Month, List, Map etc), Single Events, Single Venues, and Single Organizers\nadd_filter( 'genesis_pre_get_option_site_layout', 'tribe_genesis_all_layouts' );\nfunction tribe_genesis_all_layouts( $layout ) {\n\tif ( class_exists( 'Tribe__Events__Main' ) && tribe_is_event_query() ) {\n\t\treturn 'full-width-content';\n\t}\n\n\treturn $layout;\n}\n<\/pre><\/div>\n\n\n
Event single templates<\/h2>\n\n\n\n
This snippet will show the single event templates at full width.<\/p>\n\n\n
\n\/**\n * Genesis Layout of The Event Calendar Single Templates\n * Options - full-width-content, content-sidebar, sidebar-content, content-sidebar-sidebar, sidebar-sidebar-content, sidebar-content-sidebar\n *\/\n\/\/ Target Single Events, Single Venues, and Single Organizers\nadd_filter( 'genesis_pre_get_option_site_layout', 'tribe_genesis_single_layouts' );\nfunction tribe_genesis_single_layouts( $layout ) {\n\tif ( is_singular( 'tribe_events' ) || is_singular( 'tribe_venue' ) || is_singular( 'tribe_organizer' ) ) {\n\t\treturn 'full-width-content';\n\t}\n\n\treturn $layout;\n}\n<\/pre><\/div>\n\n\n
Event single templates alternative snippet<\/h2>\n\n\n\n
This is an alternative snippet that will also show the single event template at full width, provided by Hans!<\/p>\n\n\n
\n\/**\n * Genesis Layout of The Event Calendar Single Template\n * Options - full-width-content, content-sidebar, sidebar-content, content-sidebar-sidebar, sidebar-sidebar-content, sidebar-content-sidebar\n * Credit: Hans!\n *\/\nadd_filter( 'genesis_pre_get_option_site_layout', 'tribe_single_events_full_width_layout' );\nfunction tribe_single_events_full_width_layout( $layout ) {\n\tif ( class_exists( 'Tribe__Events__Main' ) && tribe_is_event_query() && is_single() ) {\n\t\treturn 'full-width-content';\n\t}\n\n\treturn $layout;\n}\n<\/pre><\/div>\n\n\n
Community Events templates<\/h2>\n\n\n\n
This last layout snippet will show the Community Event’s templates at full width.<\/p>\n\n\n
\n\/**\n * Genesis Layout of The Event Calendar Single Templates\n * Options - full-width-content, content-sidebar, sidebar-content, content-sidebar-sidebar, sidebar-sidebar-content, sidebar-content-sidebar\n *\/\n\/\/ Target Community Events Edit Form and My Event's List\nadd_filter( 'genesis_pre_get_option_site_layout', 'tribe_genesis_community_layouts' );\nfunction tribe_genesis_community_layouts( $layout ) {\n\tif ( tribe_is_community_my_events_page() || tribe_is_community_edit_event_page() ) {\n\t\treturn 'full-width-content';\n\t}\n\n\treturn $layout;\n}\n<\/pre><\/div>\n\n\n
All the layout snippets can be used in any combination to target specific event templates and get the layout you would like for each.<\/p>\n\n\n\n
Genesis Simple Share<\/h3>\n\n\n\n
Genesis Simple Share does not show on single event templates due to no Genesis hooks being in the template, but adding the snippet below to your child theme’s functions.php will make Simple Share show above the event content. You can also review the the-events-calendarsrcviewssingle-event.php<\/code>template for different hooks if you would like to place it somewhere else on the single event template.<\/p>\n\n\n
\n\/**\n * The Events Calendar - Include Genesis Simple Sharing Above Single Events Content\n *\n *\/\nadd_filter( 'tribe_events_single_event_before_the_content', 'tribe_genesis_event_share' );\nfunction tribe_genesis_event_share( $post_info ) {\n\tif ( is_singular( 'tribe_events' ) && function_exists( 'genesis_share_get_icon_output' ) ) {\n\t\tglobal $Genesis_Simple_Share;\n\t\t$share =  genesis_share_get_icon_output( 'entry-meta', $Genesis_Simple_Share->icons );\n\t\t$event_sharing = '<\/pre>\n\t\t<div class="alignleft info-left">' . $share . '<\/div>\n\t\t<pre>';\n\n\t\techo $event_sharing;\n\t}\n\n\treturn $post_info;\n}\n<\/pre><\/div>\n\n\n
Community Events form inputs<\/h2>\n\n\n\n
Genesis comes with CSS for form inputs that changes the layout of the Community Events fields so that each is full width in that section. This can look odd and be difficult to use, so you might want to change it so the inputs look more like this:<\/p>\n\n\n\n
\"Community<\/figure>\n\n\n\n
To do that, add the following CSS to your child theme’s stylesheet or your preferred file for custom CSS:<\/p>\n\n\n
\n#tribe-community-events input, #tribe-community-events select, #tribe-community-events textarea {\n  min-height: 0;\n  padding: 12px;\n  width: auto;\n}\n<\/pre><\/div>\n\n\n
Genesis Featured Posts widget titles<\/h3>\n\n\n\n
You might notice the title of a Genesis Featured Post Widget not showing on event templates in the sidebar. If that is the case, add the following CSS to your child theme’s stylesheet or your preferred file for custom CSS:<\/p>\n\n\n
\n.single-tribe_venue .featured-content .type-post header.entry-header,\n.single-tribe_organizer .featured-content .type-post header.entry-header,\n.single-tribe_events .featured-content .type-post header.entry-header,\n.events-archive .featured-content .type-post header.entry-header {\n  display:block;\n}\n<\/pre><\/div>\n\n\n
Genesis Author Box<\/h2>\n\n\n\n
If you have the Author Box activated in the Genesis settings, it will show on all the single templates including the Events Calendars.<\/p>\n\n\n\n
To remove the Author Boxes from single event, single venue, and single organizer templates, add the following coding to your child theme’s functions.php:<\/p>\n\n\n
\n\/**\n * Genesis Remove Author Box from Single Templates for the The Events Calendar\n *\n *\n *\/\nadd_action( 'pre_get_posts', 'tribe_genesis_hide_author_single_events' );\nfunction tribe_genesis_hide_author_single_events( $query ) {\n\tif( is_singular( 'tribe_events' ) || $query->query['post_type'] == 'tribe_venue' || $query->query['post_type'] == 'tribe_organizer' ) {\n\t\tremove_action( 'genesis_after_entry', 'genesis_do_author_box_single', 8 );\n\t}\n}\n<\/pre><\/div>\n\n\n
Filter Bar mobile toggle<\/h3>\n\n\n\n
The Filter Bar does not stay open on mobile devices using Genesis due to the open process causing a script to think a resize has taken place, which then causes the Filter Bar to close.<\/p>\n\n\n\n
The following CSS will prevent this from happening. Add the CSS to your child theme’s stylesheet or your preferred file for custom css:<\/p>\n\n\n
\n.tribe-filters-open, .tribe-filters-open body {\n  overflow: visible!important;\n}\n<\/pre><\/div>\n\n\n
We hope you found this tutorial helpful! Have questions or issues with Genesis compatibility? Hit us up at our Help Desk<\/a> and we\u2019d be happy to help.<\/p>\n\n\n\n
Genesis Framework & Event Tickets<\/h2>\n\n\n\n
As of Event Tickets 4.9, the attendee details are now collected on a new, separate screen instead of the event page where the attendee form used to be. The default slug for this page is \u2018attendee-registration\u2019.<\/p>\n\n\n\n
When using a theme based on the Genesis Framework and having a specific setting, the Attendee Registration page will not show up properly. It will show a kind of an excerpt of that page.<\/p>\n\n\n\n
The setting in question can be found under Genesis \u2192 Theme Settings \u2192 Content Archive.<\/p>\n\n\n\n
When the setting is Display \u2192 Excerpt or the content limit is higher than 0<\/code> \u2014 basically anything other than<\/strong> Display \u2192 Entry Content and \u201cLimit content to 0 characters\u201d \u2014 then the issue will be visible.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Here is the solution to fix that. Add this snippet to your child theme\u2019s\u00a0functions.php<\/code>\u00a0file or via a\u00a0Code snippets plugin<\/a>.<\/p>\n\n\n
\n\/**\n * Change the Get Tickets on List View and Single Events\n *\n * @param string $translation The translated text.\n * @param string $text      The text to translate.\n * @param string $domain    The domain slug of the translated text.\n *\n * @return string The translated text or the custom text.\n *\/\n   \nadd_filter( 'gettext', 'tribe_change_get_tickets', 20, 4 );\nfunction tribe_change_get_tickets( $translation, $text, $domain) {    \n  if ( $domain != 'default'\n    && strpos( $domain, 'event-' ) !== 0\n  ) {\n    return $translation;\n  }\n   \n  $ticket_text = [\n    \/\/ Get Tickets on List View\n    '%s are no longer available'    => 'Sold Out',\n  ];\n   \n  \/\/ If we don't have replacement text, bail.\n  if ( empty( $ticket_text[ $text ] ) ) {\n    return $translation;\n  }\n   \n  return $ticket_text[ $text ];\n}\n<\/pre><\/div>\n\n\n
Notes<\/h3>\n\n\n\n
    \n
  • Originally written in November 2018<\/li>\n\n\n\n
  • Tested with Event Tickets 4.8.4<\/li>\n\n\n\n
  • Author: Andr\u00e1s Guseo<\/li>\n<\/ul>\n\n\n\n
    Disclaimer<\/h3>\n\n\n\n
    As with all of our recipes, please note that we share this in the hope it will be useful, but without any guarantees or commitments<\/strong>. If you wish to use it, it is your<\/em> responsibility to test it first of all and adapt it to your needs (or find someone who can do so on your behalf). We are unable to provide further support in relation to this recipe.<\/p>\n","protected":false},"excerpt":{"rendered":"
    The Events Calendar and Genesis Theme Framework by Studiopress can work very nicely together, but may require a little bit of customization. Depending on your site settings, you may need to add some snippets to get your calendar displaying how you would like. Unless otherwise stated these snippets should be added to your child theme’s…<\/p>\n","protected":false},"author":3,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[46],"tags":[],"stellar-product-taxonomy":[152,153],"class_list":["post-1896576","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integrations","stellar-product-taxonomy-community-events","stellar-product-taxonomy-community-tickets"],"acf":[],"taxonomy_info":{"category":[{"value":46,"label":"Integrations"}],"stellar-product-taxonomy":[{"value":152,"label":"Community"},{"value":153,"label":"Community Tickets"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Jaime Marchwinski","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/jaimetri-be\/"},"comment_info":0,"category_info":[{"term_id":46,"name":"Integrations","slug":"integrations","term_group":0,"term_taxonomy_id":46,"taxonomy":"category","description":"","parent":0,"count":54,"filter":"raw","term_order":"0","cat_ID":46,"category_count":54,"category_description":"","cat_name":"Integrations","category_nicename":"integrations","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1896576"}],"version-history":[{"count":5,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896576\/revisions"}],"predecessor-version":[{"id":1969891,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896576\/revisions\/1969891"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1896576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1896576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1896576"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1896576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}