{"id":927006,"date":"2014-12-30T18:25:42","date_gmt":"2014-12-31T02:25:42","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/"},"modified":"2015-01-06T09:39:53","modified_gmt":"2015-01-06T17:39:53","slug":"applying-mini-calendar-widget-styling-to-upcoming-events-widget","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/","title":{"rendered":"Applying Mini-Calendar widget styling to Upcoming Events widget"},"content":{"rendered":"<p>I have a sidebar, in which I would like to place an Upcoming Events widget. However, to my surprise, the widget does not have any styles applied to it (only the mini calendar does). It appears this was intended.<\/p>\n<p>I love the styles applied to the event list items in the mini calendar widget. However, I don&#8217;t want the calendar, I just want the list.<\/p>\n<p>In one thread, it was suggested to use the mini-calendar and remove the calendar via CSS or template override. None of these work for me, however, since the mini-calendar list only shows events for the current month. I need upcoming events to be show in sequence, regardless of the month they fall under.<\/p>\n<p>Upon testing, I found that if I put BOTH widgets in (that is, the mini-calendar widget and the upcoming events widget), the styles for the mini-calendar applied to the upcoming list. I figured I could go and hide the calendar widget altogether with a display:none, and viola.<\/p>\n<p>However, I don&#8217;t like having to enable something, only to have to disable\/hide it at some other point, especially something like the calendar, which would steal load time.<\/p>\n<p>Is there an easy way to apply mini-calendar event item CSS to the upcoming events widget?<\/p>\n","protected":false},"template":"","class_list":["post-927006","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>Applying Mini-Calendar widget styling to Upcoming Events widget -<\/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\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Applying Mini-Calendar widget styling to Upcoming Events widget -\" \/>\n<meta property=\"og:description\" content=\"I have a sidebar, in which I would like to place an Upcoming Events widget. However, to my surprise, the widget does not have any styles applied to it (only the mini calendar does). It appears this was intended. I love the styles applied to the event list items in the mini calendar widget. However, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-06T17:39:53+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\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/\",\"name\":\"Applying Mini-Calendar widget styling to Upcoming Events widget -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2014-12-31T02:25:42+00:00\",\"dateModified\":\"2015-01-06T17:39:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/#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\":\"Applying Mini-Calendar widget styling to Upcoming Events widget\"}]},{\"@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":"Applying Mini-Calendar widget styling to Upcoming Events widget -","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\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/","og_locale":"en_US","og_type":"article","og_title":"Applying Mini-Calendar widget styling to Upcoming Events widget -","og_description":"I have a sidebar, in which I would like to place an Upcoming Events widget. However, to my surprise, the widget does not have any styles applied to it (only the mini calendar does). It appears this was intended. I love the styles applied to the event list items in the mini calendar widget. However, [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/","article_modified_time":"2015-01-06T17:39:53+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\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/","name":"Applying Mini-Calendar widget styling to Upcoming Events widget -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2014-12-31T02:25:42+00:00","dateModified":"2015-01-06T17:39:53+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/applying-mini-calendar-widget-styling-to-upcoming-events-widget\/#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":"Applying Mini-Calendar widget styling to Upcoming Events widget"}]},{"@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\/927006","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":3,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/927006\/revisions"}],"predecessor-version":[{"id":927180,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/927006\/revisions\/927180"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=927006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}