{"id":118558,"date":"2014-03-13T18:20:03","date_gmt":"2014-03-14T01:20:03","guid":{"rendered":"https:\/\/tri.be\/support\/forums\/topic\/style-css-vs-tribe-event-css\/"},"modified":"2014-03-17T12:10:58","modified_gmt":"2014-03-17T19:10:58","slug":"style-css-vs-tribe-event-css","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/","title":{"rendered":"Style.css vs tribe-event.css"},"content":{"rendered":"<p>The Themer&#8217;s Guide at https:\/\/theeventscalendar.com\/support\/documentation\/events-calendar-themers-guide\/ instructs us to put our custom styles in tribe-events\/tribe-events.css, but I&#8217;ve wanted to use some of my custom styles on both event pages and non-event pages (like tag.php).  To allow non-event pages to use these styles, I&#8217;ve moved them to my child theme&#8217;s style.css page and so far I haven&#8217;t seen any problems with the event pages using styles defined in style.css. <\/p>\n<p>Now, I currently have styles defined in style.css and tribe-event.css and I got to wondering whether the tribe-event.css style is strictly necessary. I tried putting the Themer&#8217;s Guide&#8217;s code snippet to change the metabox of a single event into style.css and it worked, so I&#8217;m wondering why the guidance is to put styles in tribe-events\/tribe-events.css instead of style.css.  I think in my case, it makes the most sense to keep all styles in one place.  Are there downfalls to that, or is the recommendation of using the tribe-event.css file basically to promote separation of concerns?<\/p>\n<p>-&gt; @Andy: That&#8217;s sort of what I was wondering.  So far, evidence shows that the style.css file gets precedence, so is the file load order deterministic?  Have you seen evidence that the event stylesheet sometimes gets loaded after style.css?<\/p>\n","protected":false},"template":"","class_list":["post-118558","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>Style.css vs tribe-event.css -<\/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\/style-css-vs-tribe-event-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style.css vs tribe-event.css -\" \/>\n<meta property=\"og:description\" content=\"The Themer&#8217;s Guide at https:\/\/theeventscalendar.com\/support\/documentation\/events-calendar-themers-guide\/ instructs us to put our custom styles in tribe-events\/tribe-events.css, but I&#8217;ve wanted to use some of my custom styles on both event pages and non-event pages (like tag.php). To allow non-event pages to use these styles, I&#8217;ve moved them to my child theme&#8217;s style.css page and so far I haven&#8217;t [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/\" \/>\n<meta property=\"article:modified_time\" content=\"2014-03-17T19:10:58+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\/style-css-vs-tribe-event-css\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/\",\"name\":\"Style.css vs tribe-event.css -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2014-03-14T01:20:03+00:00\",\"dateModified\":\"2014-03-17T19:10:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/#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\":\"Style.css vs tribe-event.css\"}]},{\"@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":"Style.css vs tribe-event.css -","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\/style-css-vs-tribe-event-css\/","og_locale":"en_US","og_type":"article","og_title":"Style.css vs tribe-event.css -","og_description":"The Themer&#8217;s Guide at https:\/\/theeventscalendar.com\/support\/documentation\/events-calendar-themers-guide\/ instructs us to put our custom styles in tribe-events\/tribe-events.css, but I&#8217;ve wanted to use some of my custom styles on both event pages and non-event pages (like tag.php). To allow non-event pages to use these styles, I&#8217;ve moved them to my child theme&#8217;s style.css page and so far I haven&#8217;t [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/","article_modified_time":"2014-03-17T19:10:58+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\/style-css-vs-tribe-event-css\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/","name":"Style.css vs tribe-event.css -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2014-03-14T01:20:03+00:00","dateModified":"2014-03-17T19:10:58+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/style-css-vs-tribe-event-css\/#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":"Style.css vs tribe-event.css"}]},{"@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\/118558","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\/118558\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=118558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}