{"id":1280035,"date":"2017-05-07T10:22:04","date_gmt":"2017-05-07T17:22:04","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/"},"modified":"2017-05-07T10:22:04","modified_gmt":"2017-05-07T17:22:04","slug":"cant-override-css-in-widgets","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/","title":{"rendered":"Can&#039;t Override CSS in Widgets"},"content":{"rendered":"<p>I am using Short Codes to use the List Widget in pages. For the life of me, I cannot seem to override the CSS for the link colors (Using custom CSS in Theme Options).<\/p>\n<p>For example, even using !Important for <em>.tribe-events-widget-link<\/em> (the view more link) using a number of different ways won&#8217;t override the color. <\/p>\n<p>So I tried copying the <em>list-widget.php<\/em> to mytheme\/tribe-events\/pro\/widgets\/<br \/>\nI can then override using inline styles and make the link red, but then the layout breaks for the widget (See attached)! <\/p>\n<p>I&#8217;ve spent well over an hour simply trying to change the colors of my links in the widget (including changing everything in the Theme Customizer for Events Pro) and am getting really frustrated that something so simple is taking so long to figure out. <\/p>\n","protected":false},"template":"","class_list":["post-1280035","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>Can&#039;t Override CSS in Widgets -<\/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\/cant-override-css-in-widgets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Can&#039;t Override CSS in Widgets -\" \/>\n<meta property=\"og:description\" content=\"I am using Short Codes to use the List Widget in pages. For the life of me, I cannot seem to override the CSS for the link colors (Using custom CSS in Theme Options). For example, even using !Important for .tribe-events-widget-link (the view more link) using a number of different ways won&#8217;t override the color. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/\" \/>\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\/cant-override-css-in-widgets\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/\",\"name\":\"Can&#039;t Override CSS in Widgets -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2017-05-07T17:22:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/#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\":\"Can&#039;t Override CSS in Widgets\"}]},{\"@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":"Can&#039;t Override CSS in Widgets -","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\/cant-override-css-in-widgets\/","og_locale":"en_US","og_type":"article","og_title":"Can&#039;t Override CSS in Widgets -","og_description":"I am using Short Codes to use the List Widget in pages. For the life of me, I cannot seem to override the CSS for the link colors (Using custom CSS in Theme Options). For example, even using !Important for .tribe-events-widget-link (the view more link) using a number of different ways won&#8217;t override the color. [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/","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\/cant-override-css-in-widgets\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/","name":"Can&#039;t Override CSS in Widgets -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2017-05-07T17:22:04+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/cant-override-css-in-widgets\/#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":"Can&#039;t Override CSS in Widgets"}]},{"@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\/1280035","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\/1280035\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1280035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}