{"id":987117,"date":"2015-07-16T12:19:02","date_gmt":"2015-07-16T19:19:02","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/"},"modified":"2015-08-01T07:05:03","modified_gmt":"2015-08-01T14:05:03","slug":"need-help-styling-a-mini-calendar-or-pulling-the-main-calendar","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/","title":{"rendered":"Need help styling a mini calendar (or pulling the main calendar)"},"content":{"rendered":"<p>Hi Modern Tribers! <\/p>\n<p>Please take a look at the following URL<br \/>\nhttp:\/\/staging.annenbergdl.org\/staging\/events\/month\/<\/p>\n<p>Please click the calendar in the upper left corner. I would like that popup calendar to look like the main calendar on this page, but site wide. So no matter where you on the site, you can click that calendar and see what your would see a calendar that would look like on the &#8230;\/events\/month page. I What do I need to do to implement this? <\/p>\n<p>Also the string next to the mini calendar in the upper left needs to display the next event. What&#8217;s the best way to implement that? <\/p>\n<p>Currently the mini-calendar is using is just hiding \/ showing  with some with a javascript toggle function. I know the events calendar pro has some AJAX built in- do you recommend  use AJAX for this? If so, How would you recommend I implement it?<\/p>\n<p>thanks,<br \/>\nMartin Stack<br \/>\nstackm@usc.edu<\/p>\n","protected":false},"template":"","class_list":["post-987117","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>Need help styling a mini calendar (or pulling the main calendar) -<\/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\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Need help styling a mini calendar (or pulling the main calendar) -\" \/>\n<meta property=\"og:description\" content=\"Hi Modern Tribers! Please take a look at the following URL http:\/\/staging.annenbergdl.org\/staging\/events\/month\/ Please click the calendar in the upper left corner. I would like that popup calendar to look like the main calendar on this page, but site wide. So no matter where you on the site, you can click that calendar and see what [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-08-01T14:05:03+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\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/\",\"name\":\"Need help styling a mini calendar (or pulling the main calendar) -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2015-07-16T19:19:02+00:00\",\"dateModified\":\"2015-08-01T14:05:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/#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\":\"Need help styling a mini calendar (or pulling the main calendar)\"}]},{\"@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":"Need help styling a mini calendar (or pulling the main calendar) -","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\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/","og_locale":"en_US","og_type":"article","og_title":"Need help styling a mini calendar (or pulling the main calendar) -","og_description":"Hi Modern Tribers! Please take a look at the following URL http:\/\/staging.annenbergdl.org\/staging\/events\/month\/ Please click the calendar in the upper left corner. I would like that popup calendar to look like the main calendar on this page, but site wide. So no matter where you on the site, you can click that calendar and see what [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/","article_modified_time":"2015-08-01T14:05:03+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\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/","name":"Need help styling a mini calendar (or pulling the main calendar) -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2015-07-16T19:19:02+00:00","dateModified":"2015-08-01T14:05:03+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/need-help-styling-a-mini-calendar-or-pulling-the-main-calendar\/#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":"Need help styling a mini calendar (or pulling the main calendar)"}]},{"@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\/987117","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\/987117\/revisions"}],"predecessor-version":[{"id":987320,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/987117\/revisions\/987320"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=987117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}