{"id":1034675,"date":"2015-12-03T07:35:52","date_gmt":"2015-12-03T15:35:52","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/"},"modified":"2015-12-07T07:57:10","modified_gmt":"2015-12-07T15:57:10","slug":"css-theming-hell","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/","title":{"rendered":"CSS theming hell."},"content":{"rendered":"<p>Hi. Thank you to you helpful people in advance. My WP version is 4.1.8.<\/p>\n<p>I am trying to do something that\u2014I think\u2014should be very simple. I\u2019m just trying to change the colour of the \u2018Export events to ical\u2019 button that you can see at the bottom of the list view page (as well as others, I\u2019m sure). Doing this is even one of the examples in the Knowledge base, however, it doesn\u2019t work for me.<\/p>\n<p>I have created a folder called \u2018tribe-events\u2019 with a folder called \u2018Pro\u2019 inside of it. In that folder I have placed a file called \u2018tribe-events-pro.css\u2019. The content of that file is:<\/p>\n<p>#tribe-events .tribe-events-button {<br \/>\nbackground: #cc2e2e;<br \/>\n}<\/p>\n<p>The \u2018cc2e2e\u2019 colour reference is a deep red (the default is a turquoise-ish colour).<\/p>\n<p>I have tried adding the CSS above into the custom CSS editor in my theme\u2019s settings. And now, I have uploaded this file and folder structure into the wp-content\/themes\/[my theme]\/ folder. Interestingly, the folder didn&#8217;t exist before I did this (which the knowledge base implied it would).<\/p>\n<p>No change to the colour of the button.<\/p>\n<p>Please help!<\/p>\n<p>SA<\/p>\n","protected":false},"template":"","class_list":["post-1034675","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>CSS theming hell. -<\/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\/css-theming-hell\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS theming hell. -\" \/>\n<meta property=\"og:description\" content=\"Hi. Thank you to you helpful people in advance. My WP version is 4.1.8. I am trying to do something that\u2014I think\u2014should be very simple. I\u2019m just trying to change the colour of the \u2018Export events to ical\u2019 button that you can see at the bottom of the list view page (as well as others, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-12-07T15:57:10+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\/css-theming-hell\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/\",\"name\":\"CSS theming hell. -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2015-12-03T15:35:52+00:00\",\"dateModified\":\"2015-12-07T15:57:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/#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\":\"CSS theming hell.\"}]},{\"@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":"CSS theming hell. -","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\/css-theming-hell\/","og_locale":"en_US","og_type":"article","og_title":"CSS theming hell. -","og_description":"Hi. Thank you to you helpful people in advance. My WP version is 4.1.8. I am trying to do something that\u2014I think\u2014should be very simple. I\u2019m just trying to change the colour of the \u2018Export events to ical\u2019 button that you can see at the bottom of the list view page (as well as others, [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/","article_modified_time":"2015-12-07T15:57:10+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\/css-theming-hell\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/","name":"CSS theming hell. -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2015-12-03T15:35:52+00:00","dateModified":"2015-12-07T15:57:10+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-theming-hell\/#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":"CSS theming hell."}]},{"@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\/1034675","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":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1034675\/revisions"}],"predecessor-version":[{"id":1035001,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1034675\/revisions\/1035001"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1034675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}