{"id":1080861,"date":"2016-02-23T09:57:32","date_gmt":"2016-02-23T17:57:32","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/"},"modified":"2016-03-06T23:35:15","modified_gmt":"2016-03-07T07:35:15","slug":"truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/","title":{"rendered":"truncate event titles in month view, or how to keep the grid from expanding"},"content":{"rendered":"<p>I&#8217;m using Month view in my implementation of The Events Calendar Pro.  Most of my event titles are long and this causes the calendar grid to expand to accommodate the long titles.  I&#8217;m trying to find a CSS property to modify that will either a) let me truncate event titles in month view so they don&#8217;t cause the grid to expand, or b) make some other change that will keep the grid the exact same size.<\/p>\n<p>I&#8217;d like the size of each square in month view to always be the same size as a month with no events, if that makes sense (i.e. nice small squares like in a Google Calendar month view, instead of elongated rectangles I get with long event titles).<\/p>\n","protected":false},"template":"","class_list":["post-1080861","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>truncate event titles in month view, or how to keep the grid from expanding -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"truncate event titles in month view, or how to keep the grid from expanding -\" \/>\n<meta property=\"og:description\" content=\"I&#8217;m using Month view in my implementation of The Events Calendar Pro. Most of my event titles are long and this causes the calendar grid to expand to accommodate the long titles. I&#8217;m trying to find a CSS property to modify that will either a) let me truncate event titles in month view so they [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-07T07:35:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/\",\"name\":\"truncate event titles in month view, or how to keep the grid from expanding -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2016-02-23T17:57:32+00:00\",\"dateModified\":\"2016-03-07T07:35:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"truncate event titles in month view, or how to keep the grid from expanding\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"truncate event titles in month view, or how to keep the grid from expanding -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/","og_locale":"en_US","og_type":"article","og_title":"truncate event titles in month view, or how to keep the grid from expanding -","og_description":"I&#8217;m using Month view in my implementation of The Events Calendar Pro. Most of my event titles are long and this causes the calendar grid to expand to accommodate the long titles. I&#8217;m trying to find a CSS property to modify that will either a) let me truncate event titles in month view so they [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/","article_modified_time":"2016-03-07T07:35:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/","name":"truncate event titles in month view, or how to keep the grid from expanding -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2016-02-23T17:57:32+00:00","dateModified":"2016-03-07T07:35:15+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/truncate-event-titles-in-month-view-or-how-to-keep-the-grid-from-expanding\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"truncate event titles in month view, or how to keep the grid from expanding"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1080861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1080861\/revisions"}],"predecessor-version":[{"id":1081282,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1080861\/revisions\/1081282"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1080861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}