{"id":1959770,"date":"2024-04-24T09:48:58","date_gmt":"2024-04-24T13:48:58","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?p=1959770"},"modified":"2026-04-23T14:00:08","modified_gmt":"2026-04-23T18:00:08","slug":"customize-week-view","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/customize-week-view\/","title":{"rendered":"Customizing Week View"},"content":{"rendered":"\n<p>Week View in Events Calendar Pro displays your events in a seven-day schedule layout. You may want to adjust how that schedule looks and behaves to better fit your site. This article collects Week View customizations.<\/p>\n\n\n\n<p>Customizations for The Events Calendar are usually implemented via code snippets or template overrides. Add snippets to your child theme&#8217;s <code>functions.php<\/code> file or use the Code Snippets plugin. Template overrides should go in a child theme. If either approach is new to you, start with <a href=\"https:\/\/theeventscalendar.com\/knowledgebase\/best-practices-for-implementing-custom-code-snippets\/\">Using Code Snippets to Customize The Events Calendar<\/a> and <a href=\"https:\/\/theeventscalendar.com\/knowledgebase\/customizing-template-files\/\">Customizing The Events Calendar Templates<\/a> for a walkthrough of each.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-hiding-tooltips-in-week-view\">Hiding Tooltips in Week View<\/h2>\n\n\n\n<p>When hovering over an event in Week View, a small box pops up with more event details. If you prefer not to show that tooltip, the snippets below will disable it. Week View is provided by <a href=\"https:\/\/theeventscalendar.com\/product\/wordpress-events-calendar-pro\/\">Events Calendar Pro<\/a>. Choose either the PHP or CSS approach \u2014 you do not need both.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Hiding Tooltips with PHP<\/h4>\n\n\n\n<p>php<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nadd_filter(\n    &#039;tribe_template_html:events-pro\/v2\/week\/grid-body\/events-day\/event&#039;,\n    function( $html ) {\n        $html = preg_replace(\n            &#039;\/data-js=&quot;tribe-events-tooltip&quot;|data-tooltip-content=.*;\/m&#039;,\n            &#039;&#039;,\n            $html\n        );\n        return $html;\n    }\n);\n\nadd_filter(\n    &#039;tribe_template_html:events-pro\/v2\/week\/grid-body\/events-day\/event\/tooltip&#039;,\n    function( $html ) {\n        return &#039;&#039;;\n    }\n);\n\nadd_filter(\n    &#039;tribe_template_html:events-pro\/v2\/week\/grid-body\/multiday-events-day\/multiday-event\/hidden\/link&#039;,\n    function( $html ) {\n        $html = preg_replace(\n            &#039;\/data-js=&quot;tribe-events-tooltip&quot;|data-tooltip-content=.*;\/m&#039;,\n            &#039;&#039;,\n            $html\n        );\n        return $html;\n    }\n);\n<\/pre><\/div>\n\n\n<p>Three filters are needed for Week View: one for regular events, one to empty the tooltip template itself, and one for multi-day events that span across the week grid.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Hiding Tooltips with CSS<\/h4>\n\n\n\n<p>If you prefer a CSS-only approach, add the following to your (child) theme&#8217;s <em>style.css<\/em> file, or under <strong>Appearance \u2192 Customize \u2192 Additional CSS<\/strong>:<\/p>\n\n\n\n<p>css<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n.tribe-events-view-week .tribe-events-tooltip-theme {\n    display: none !important;\n}\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-changing-the-number-of-multi-day-events-visible-in-week-view\">Changing the Number of Multi-day Events Visible in Week View<\/h2>\n\n\n\n<p>By default, the week view will show 3 multi-day events at the top of the grid. If there are more for the given week, those will be hidden and can be revealed with a toggle on the left side of the grid.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"333\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/3-event-week-1024x333.png\" alt=\"\" class=\"wp-image-1964039\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/3-event-week-1024x333.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/3-event-week-300x98.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/3-event-week-768x250.png 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/3-event-week.png 1192w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It is possible to change the default number with the help of the filter. The example below will change it to show 5 multi-day events.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nadd_filter( &#039;tribe_events_views_v2_week_multiday_toggle&#039;, function() { return 5; } );\n<\/pre><\/div>\n\n\n<p>The snippet above will produce the following outcome:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/5-event-week-1024x329.png\" alt=\"\" class=\"wp-image-1964041\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/5-event-week-1024x329.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/5-event-week-300x96.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/5-event-week-768x247.png 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/04\/5-event-week.png 1193w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Week View in Events Calendar Pro displays your events in a seven-day schedule layout. You may want to adjust how that schedule looks and behaves to better fit your site. This article collects Week View customizations. Hiding Tooltips in Week View When hovering over an event in Week View, a small box pops up with&#8230;<\/p>\n","protected":false},"author":84,"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":[116,24,59],"tags":[20,25,235,58,234],"stellar-product-taxonomy":[158],"class_list":["post-1959770","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-customizing","category-php","tag-code","tag-customizations","tag-multi-day-event","tag-php","tag-week-view","stellar-product-taxonomy-events-calendar-pro"],"acf":[],"taxonomy_info":{"category":[{"value":116,"label":"CSS"},{"value":24,"label":"Customizing"},{"value":59,"label":"PHP"}],"post_tag":[{"value":20,"label":"Code"},{"value":25,"label":"Customizations"},{"value":235,"label":"multi-day event"},{"value":58,"label":"PHP"},{"value":234,"label":"Week View"}],"stellar-product-taxonomy":[{"value":158,"label":"Events Calendar Pro"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"The Events Calendar Team","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/the_events_calendar_team\/"},"comment_info":0,"category_info":[{"term_id":116,"name":"CSS","slug":"css","term_group":0,"term_taxonomy_id":116,"taxonomy":"category","description":"","parent":24,"count":19,"filter":"raw","term_order":"0","cat_ID":116,"category_count":19,"category_description":"","cat_name":"CSS","category_nicename":"css","category_parent":24},{"term_id":24,"name":"Customizing","slug":"customizing","term_group":0,"term_taxonomy_id":24,"taxonomy":"category","description":"","parent":0,"count":67,"filter":"raw","term_order":"0","cat_ID":24,"category_count":67,"category_description":"","cat_name":"Customizing","category_nicename":"customizing","category_parent":0},{"term_id":59,"name":"PHP","slug":"php","term_group":0,"term_taxonomy_id":59,"taxonomy":"category","description":"","parent":24,"count":52,"filter":"raw","term_order":"0","cat_ID":59,"category_count":52,"category_description":"","cat_name":"PHP","category_nicename":"php","category_parent":24}],"tag_info":[{"term_id":20,"name":"Code","slug":"code","term_group":0,"term_taxonomy_id":20,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw","term_order":"0"},{"term_id":25,"name":"Customizations","slug":"customizations","term_group":0,"term_taxonomy_id":25,"taxonomy":"post_tag","description":"","parent":0,"count":31,"filter":"raw","term_order":"0"},{"term_id":235,"name":"multi-day event","slug":"multi-day-event","term_group":0,"term_taxonomy_id":235,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw","term_order":"0"},{"term_id":58,"name":"PHP","slug":"php","term_group":0,"term_taxonomy_id":58,"taxonomy":"post_tag","description":"","parent":20,"count":22,"filter":"raw","term_order":"0"},{"term_id":234,"name":"Week View","slug":"week-view","term_group":0,"term_taxonomy_id":234,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1959770","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\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1959770"}],"version-history":[{"count":7,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1959770\/revisions"}],"predecessor-version":[{"id":1970098,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1959770\/revisions\/1970098"}],"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=1959770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1959770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1959770"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1959770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}