{"id":1315693,"date":"2017-07-03T19:31:08","date_gmt":"2017-07-04T02:31:08","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/"},"modified":"2017-07-03T19:31:08","modified_gmt":"2017-07-04T02:31:08","slug":"how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/","title":{"rendered":"How can I pull out the event date from calendar page to style it like list view?"},"content":{"rendered":"

Hellow I am trying to modift the CSS in the main calendar view page so the date shows separately like in Event List. (see attached screenshot). We have th picture and text styling fine, but we don’t know how the actual month\/day was pulled separately to show like in Event List shortcode. Can you please shed light on where we would find code how to do this? <\/p>\n","protected":false},"template":"","class_list":["post-1315693","topic","type-topic","status-closed","hentry"],"yoast_head":"\nHow can I pull out the event date from calendar page to style it like list view? -<\/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\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How can I pull out the event date from calendar page to style it like list view? -\" \/>\n<meta property=\"og:description\" content=\"Hellow I am trying to modift the CSS in the main calendar view page so the date shows separately like in Event List. (see attached screenshot). We have th picture and text styling fine, but we don’t know how the actual month\/day was pulled separately to show like in Event List shortcode. Can you please […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/\",\"name\":\"How can I pull out the event date from calendar page to style it like list view? -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2017-07-04T02:31:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/#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\":\"How can I pull out the event date from calendar page to style it like list view?\"}]},{\"@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":"How can I pull out the event date from calendar page to style it like list view? -","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\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/","og_locale":"en_US","og_type":"article","og_title":"How can I pull out the event date from calendar page to style it like list view? -","og_description":"Hellow I am trying to modift the CSS in the main calendar view page so the date shows separately like in Event List. (see attached screenshot). We have th picture and text styling fine, but we don’t know how the actual month\/day was pulled separately to show like in Event List shortcode. Can you please […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/","name":"How can I pull out the event date from calendar page to style it like list view? -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2017-07-04T02:31:08+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-can-i-pull-out-the-event-date-from-calendar-page-to-style-it-like-list-view\/#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":"How can I pull out the event date from calendar page to style it like list view?"}]},{"@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\/1315693","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":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1315693\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1315693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}