{"id":66991,"date":"2013-09-20T09:32:16","date_gmt":"2013-09-20T16:32:16","guid":{"rendered":"http:\/\/tri.be\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/"},"modified":"2015-07-07T06:28:42","modified_gmt":"2015-07-07T13:28:42","slug":"the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/","title":{"rendered":"The New Upgraded Calendar &#8212; How to Shrink Month View down to 620px width"},"content":{"rendered":"<p>I got the other bugs out of the way after doing the upgrade. Now to make this new calendar fit like the old one did. The month view is too wide for my page template.<\/p>\n<p>I am thinking the text size on each event name\/link needs to be reduced right down to 8px and\/or some other setting needs to change in terms of the defined width. But there are so many php and css files in different sub-folders, I am lost.<\/p>\n<p>I do NOT want to switch to the Events Template. I would really like to shrink this down to under 620px wide. I have PRO and COMMUNITY EVENTS installed if that makes a difference.<\/p>\n<p>http:\/\/www.fenelonfalls.info\/WP\/events\/<\/p>\n<p>Already I tried adding this to my custom CSS based on recommendations I saw in other threads. The only thing that really seemed to change is the text of the Event names went from BOLD to NORMAL &#8212; but font size did not decrease.<\/p>\n<p>.grid .tribe-events-event a {<br \/>\nwidth: 25px;<br \/>\ndisplay: block;<br \/>\ntext-overflow: ellipsis;<br \/>\noverflow: hidden;<br \/>\nfont-size: 7px;<br \/>\nfont-weight: normal;<br \/>\n}<\/p>\n<p>.tribe-events-calendar a,<br \/>\n.tribe-events-calendar a:link,<br \/>\n.tribe-events-calendar a:visited {<br \/>\nfont-family: Arial, Verdana;<br \/>\nfont-size: 7px;<br \/>\nfont-weight: normal;<br \/>\n}<\/p>\n<p>ANOTHER QUIRK OF THIS NEW CALENDAR: I&#8217;ve lost my background image. I use FWB Slider Pro to get a full image background. Not sure why it can&#8217;t show up on the events main page. background images show up on single event listings.<\/p>\n","protected":false},"template":"","class_list":["post-66991","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>The New Upgraded Calendar - How to Shrink Month View down to 620px width -<\/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\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The New Upgraded Calendar - How to Shrink Month View down to 620px width -\" \/>\n<meta property=\"og:description\" content=\"I got the other bugs out of the way after doing the upgrade. Now to make this new calendar fit like the old one did. The month view is too wide for my page template. I am thinking the text size on each event name\/link needs to be reduced right down to 8px and\/or some [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-07-07T13:28:42+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\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/\",\"name\":\"The New Upgraded Calendar - How to Shrink Month View down to 620px width -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2013-09-20T16:32:16+00:00\",\"dateModified\":\"2015-07-07T13:28:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/#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\":\"The New Upgraded Calendar &#8212; How to Shrink Month View down to 620px width\"}]},{\"@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":"The New Upgraded Calendar - How to Shrink Month View down to 620px width -","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\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/","og_locale":"en_US","og_type":"article","og_title":"The New Upgraded Calendar - How to Shrink Month View down to 620px width -","og_description":"I got the other bugs out of the way after doing the upgrade. Now to make this new calendar fit like the old one did. The month view is too wide for my page template. I am thinking the text size on each event name\/link needs to be reduced right down to 8px and\/or some [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/","article_modified_time":"2015-07-07T13:28:42+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\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/","name":"The New Upgraded Calendar - How to Shrink Month View down to 620px width -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2013-09-20T16:32:16+00:00","dateModified":"2015-07-07T13:28:42+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/the-new-upgraded-calendar-how-to-shrink-month-view-down-to-620px-width\/#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":"The New Upgraded Calendar &#8212; How to Shrink Month View down to 620px width"}]},{"@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\/66991","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\/66991\/revisions"}],"predecessor-version":[{"id":980990,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/66991\/revisions\/980990"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=66991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}