{"id":1961602,"date":"2024-07-30T08:41:13","date_gmt":"2024-07-30T12:41:13","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?p=1961602"},"modified":"2026-04-02T14:49:44","modified_gmt":"2026-04-02T18:49:44","slug":"how-to-hide-event-description-in-the-list-view","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/how-to-hide-event-description-in-the-list-view\/","title":{"rendered":"Hide the Event Description in List View"},"content":{"rendered":"\n<p>By default, The Events Calendar List View shows events description. You may find cases that you prefer hiding the description. <\/p>\n\n\n\n<p>Here&#8217;s how it looks by default:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-withDesc-1-1024x614.jpg\" alt=\"\" class=\"wp-image-1964245\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-withDesc-1-1024x614.jpg 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-withDesc-1-300x180.jpg 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-withDesc-1-768x461.jpg 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-withDesc-1.jpg 1209w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adding the following CSS to your site using the Customizer CSS section or the child theme CSS file helps you to achieve it.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\n.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-description p {\n    display: none;\n}\n<\/pre><\/div>\n\n\n<p>This would result in the following:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-1024x614.jpg\" alt=\"\" class=\"wp-image-1964241\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-1024x614.jpg 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-300x180.jpg 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView-768x460.jpg 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/Desc_ListView.jpg 1208w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you are using a caching plugin, please clear your cache first before checking the result.<\/p>\n\n\n\n<p>For more information, check out the walkthrough for <a href=\"https:\/\/theeventscalendar.com\/knowledgebase\/basic-font-and-color-changes-with-css\/\">adding custom CSS<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By default, The Events Calendar List View shows events description. You may find cases that you prefer hiding the description. Here&#8217;s how it looks by default: Adding the following CSS to your site using the Customizer CSS section or the child theme CSS file helps you to achieve it. This would result in the following:&#8230;<\/p>\n","protected":false},"author":27,"featured_media":1955565,"comment_status":"open","ping_status":"open","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],"tags":[23,25],"stellar-product-taxonomy":[],"class_list":["post-1961602","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-styling","tag-css","tag-customizations"],"acf":[],"taxonomy_info":{"category":[{"value":116,"label":"CSS &amp; Styling"}],"post_tag":[{"value":23,"label":"CSS"},{"value":25,"label":"Customizations"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Abz","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/abz\/"},"comment_info":0,"category_info":[{"term_id":116,"name":"CSS &amp; Styling","slug":"css-styling","term_group":0,"term_taxonomy_id":116,"taxonomy":"category","description":"","parent":24,"count":40,"filter":"raw","term_order":"0","cat_ID":116,"category_count":40,"category_description":"","cat_name":"CSS &amp; Styling","category_nicename":"css-styling","category_parent":24}],"tag_info":[{"term_id":23,"name":"CSS","slug":"css","term_group":0,"term_taxonomy_id":23,"taxonomy":"post_tag","description":"","parent":20,"count":33,"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":102,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1961602","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\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1961602"}],"version-history":[{"count":8,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1961602\/revisions"}],"predecessor-version":[{"id":1968294,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1961602\/revisions\/1968294"}],"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=1961602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1961602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1961602"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1961602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}