{"id":1184630,"date":"2016-10-28T11:48:02","date_gmt":"2016-10-28T18:48:02","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/"},"modified":"2016-10-28T11:48:02","modified_gmt":"2016-10-28T18:48:02","slug":"events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/","title":{"rendered":"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not…"},"content":{"rendered":"

events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not get picked up by Autoptimize.<\/strong><\/p>\n

Expected result: Autoptimize fetches properly hooked stylesheets and javascript files; concatenates and minifies them.<\/p>\n

However the above CSS is not picked up by Autoptimize, instead it is printed inline in the HTML – not in or in the footer for that matter.<\/p>\n

The css is registered using the Widget Class as of now, which might be too late for Autoptimize and other hooks. A possible fix is to simply register the script using a more convenient (and better placed) action, like so:<\/p>\n

add_action(‘wp_enqueue_scripts’, ‘example_register_scripts’);
\nfunction example_register_scripts {
\nwp_register_style(‘events-calendar-pro’, ‘css\/file.css’, false, ‘1.0.0’);
\n}<\/p>\n

(registered scripts are not printed until an action enqueues them)<\/p>\n

and then within whatever shortcode and\/or Visual Composer component that requires the CSS you can use:
\nwp_enqueue_style(‘events-calendar-pro’);<\/p>\n

this adds to benefits:
\nFirst the CSS will not be placed within some strange place in the middle of the HTML within the first component. It might get placed in the footer (minor drawback compared to current behaviour).<\/p>\n

And the larger benefit that it will actually be picked up by autoptimize, concatenated and minified along with other files.<\/p>\n","protected":false},"template":"","class_list":["post-1184630","topic","type-topic","status-closed","hentry"],"yoast_head":"\nevents-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not... -<\/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\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not... -\" \/>\n<meta property=\"og:description\" content=\"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not get picked up by Autoptimize. Expected result: Autoptimize fetches properly hooked stylesheets and javascript files; concatenates and minifies them. However the above CSS is not picked up by Autoptimize, instead it is printed inline in the HTML – not in or in the footer for that matter. The css is registered using […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/\" \/>\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\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/\",\"name\":\"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not... -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2016-10-28T18:48:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/#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\":\"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not…\"}]},{\"@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":"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not... -","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\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/","og_locale":"en_US","og_type":"article","og_title":"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not... -","og_description":"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not get picked up by Autoptimize. Expected result: Autoptimize fetches properly hooked stylesheets and javascript files; concatenates and minifies them. However the above CSS is not picked up by Autoptimize, instead it is printed inline in the HTML – not in or in the footer for that matter. The css is registered using […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/","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\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/","name":"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not... -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2016-10-28T18:48:02+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-calendar-prosrcresourcescsswidget-calendar-full-css-does-not\/#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":"events-calendar-pro\/src\/resources\/css\/widget-calendar-full.css does not…"}]},{"@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\/1184630","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\/1184630\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1184630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}