{"id":1042332,"date":"2015-12-16T08:17:17","date_gmt":"2015-12-16T16:17:17","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/"},"modified":"2016-02-18T08:33:07","modified_gmt":"2016-02-18T16:33:07","slug":"css-issues-with","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/","title":{"rendered":"CSS issues with"},"content":{"rendered":"<p>Hi,<\/p>\n<p>Just bought the PRO and Community add ons for The Events Calendar, very impressed but having some issues inserting the mini calendar into a page.<\/p>\n<p>Im trying to create a booking page for our village hall, and want to display a calendar with all events in a certain category (village hall) on a separate calendar page so it&#8217;s easy to see when the hall is free.<\/p>\n<p>I tried adding the shortcode &#8216;[tribe_mini_calendar]&#8217; and the calendar showed up with huge and half off the page, definitely some css problems with it that I&#8217;m not sure how to go about solving so came here!<\/p>\n<p>I&#8217;ve tried changing to the default theme and also turning off all other plugins and the results are the same, the mini calendar widget is fine but the shortcode does not work properly, I really want to use the shortcode to put the calendar in the center of the screen etc.<\/p>\n<p>Screenshots on imgur: http:\/\/imgur.com\/a\/8hQon<\/p>\n<p>Any help would be appreciated!<\/p>\n<p>Thanks,<\/p>\n<p>James<\/p>\n","protected":false},"template":"","class_list":["post-1042332","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>CSS issues with -<\/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\/css-issues-with\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS issues with -\" \/>\n<meta property=\"og:description\" content=\"Hi, Just bought the PRO and Community add ons for The Events Calendar, very impressed but having some issues inserting the mini calendar into a page. Im trying to create a booking page for our village hall, and want to display a calendar with all events in a certain category (village hall) on a separate [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/\" \/>\n<meta property=\"article:modified_time\" content=\"2016-02-18T16:33:07+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\/css-issues-with\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/\",\"name\":\"CSS issues with -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2015-12-16T16:17:17+00:00\",\"dateModified\":\"2016-02-18T16:33:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/#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\":\"CSS issues with\"}]},{\"@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":"CSS issues with -","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\/css-issues-with\/","og_locale":"en_US","og_type":"article","og_title":"CSS issues with -","og_description":"Hi, Just bought the PRO and Community add ons for The Events Calendar, very impressed but having some issues inserting the mini calendar into a page. Im trying to create a booking page for our village hall, and want to display a calendar with all events in a certain category (village hall) on a separate [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/","article_modified_time":"2016-02-18T16:33:07+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\/css-issues-with\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/","name":"CSS issues with -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2015-12-16T16:17:17+00:00","dateModified":"2016-02-18T16:33:07+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-issues-with\/#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":"CSS issues with"}]},{"@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\/1042332","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\/1042332\/revisions"}],"predecessor-version":[{"id":1042540,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1042332\/revisions\/1042540"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1042332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}