{"id":142875,"date":"2014-04-25T15:32:53","date_gmt":"2014-04-25T22:32:53","guid":{"rendered":"https:\/\/tri.be\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/"},"modified":"2014-05-15T05:56:20","modified_gmt":"2014-05-15T12:56:20","slug":"pro-calendar-widget-initial-loading-styles","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/","title":{"rendered":"Calendar Widget – Initial loading styles"},"content":{"rendered":"

Hello,
\nAs noted in this thread (https:\/\/tri.be\/support\/forums\/topic\/events-calendar-widget-balloons-on-page-load-then-snaps-into-sidebar\/), might not be the exact same problem, but I also am also noticing the Widget load with no styles at first, then it appears to do an Ajax call and pull in the right stylesheet.<\/p>\n

As you can see in this video (correct style, a browser refresh shows wrong\/original styles, then finishes Ajax call and looks correct again): http:\/\/youtu.be\/RumUPrhsgJ4<\/p>\n

I have a widget-calendar.css in my Theme folder doing the styling as outlined in your guide.<\/p>\n","protected":false},"template":"","class_list":["post-142875","topic","type-topic","status-closed","hentry"],"yoast_head":"\nCalendar Widget - Initial loading styles -<\/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\/pro-calendar-widget-initial-loading-styles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calendar Widget - Initial loading styles -\" \/>\n<meta property=\"og:description\" content=\"Hello, As noted in this thread (https:\/\/tri.be\/support\/forums\/topic\/events-calendar-widget-balloons-on-page-load-then-snaps-into-sidebar\/), might not be the exact same problem, but I also am also noticing the Widget load with no styles at first, then it appears to do an Ajax call and pull in the right stylesheet. As you can see in this video (correct style, a browser refresh shows […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/\" \/>\n<meta property=\"article:modified_time\" content=\"2014-05-15T12:56:20+00:00\" \/>\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\/pro-calendar-widget-initial-loading-styles\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/\",\"name\":\"Calendar Widget - Initial loading styles -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2014-04-25T22:32:53+00:00\",\"dateModified\":\"2014-05-15T12:56:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/#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\":\"Calendar Widget – Initial loading styles\"}]},{\"@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":"Calendar Widget - Initial loading styles -","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\/pro-calendar-widget-initial-loading-styles\/","og_locale":"en_US","og_type":"article","og_title":"Calendar Widget - Initial loading styles -","og_description":"Hello, As noted in this thread (https:\/\/tri.be\/support\/forums\/topic\/events-calendar-widget-balloons-on-page-load-then-snaps-into-sidebar\/), might not be the exact same problem, but I also am also noticing the Widget load with no styles at first, then it appears to do an Ajax call and pull in the right stylesheet. As you can see in this video (correct style, a browser refresh shows […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/","article_modified_time":"2014-05-15T12:56:20+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/","name":"Calendar Widget - Initial loading styles -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2014-04-25T22:32:53+00:00","dateModified":"2014-05-15T12:56:20+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/pro-calendar-widget-initial-loading-styles\/#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":"Calendar Widget – Initial loading styles"}]},{"@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\/142875","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\/142875\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=142875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}