{"id":1298405,"date":"2017-06-15T05:10:29","date_gmt":"2017-06-15T12:10:29","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/"},"modified":"2017-06-15T05:10:29","modified_gmt":"2017-06-15T12:10:29","slug":"how-to-change-the-colour-of-the-list-view-price-background","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/","title":{"rendered":"How to change the colour of the list view price background"},"content":{"rendered":"<p>Hi there<\/p>\n<p>I&#8217;m using [tribe_events view=\u201dlist\u201d ] but the price background is different to the colour on the standard events calendar page.<\/p>\n<p>This was happening for the month background and Jennifer helped me sort that with the following code to the CSS Area (I&#8217;m using avada theme.<\/p>\n<p>.tribe-events-shortcode .tribe-events-list-separator-month {<br \/>\n    background-color: #e9a825 !important;<br \/>\n}<\/p>\n<p>Can you please send me the code for the price background?  Is there documentation that shares this information.  I had a quick look but I&#8217;m not up on the whole css coding thing so I wasn&#8217;t sure.<\/p>\n<p>Thanks so much<br \/>\nJane<\/p>\n","protected":false},"template":"","class_list":["post-1298405","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>How to change the colour of the list view price background -<\/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\/how-to-change-the-colour-of-the-list-view-price-background\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change the colour of the list view price background -\" \/>\n<meta property=\"og:description\" content=\"Hi there I&#8217;m using [tribe_events view=\u201dlist\u201d ] but the price background is different to the colour on the standard events calendar page. This was happening for the month background and Jennifer helped me sort that with the following code to the CSS Area (I&#8217;m using avada theme. .tribe-events-shortcode .tribe-events-list-separator-month { background-color: #e9a825 !important; } Can [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/\" \/>\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\/how-to-change-the-colour-of-the-list-view-price-background\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/\",\"name\":\"How to change the colour of the list view price background -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2017-06-15T12:10:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/#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\":\"How to change the colour of the list view price background\"}]},{\"@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":"How to change the colour of the list view price background -","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\/how-to-change-the-colour-of-the-list-view-price-background\/","og_locale":"en_US","og_type":"article","og_title":"How to change the colour of the list view price background -","og_description":"Hi there I&#8217;m using [tribe_events view=\u201dlist\u201d ] but the price background is different to the colour on the standard events calendar page. This was happening for the month background and Jennifer helped me sort that with the following code to the CSS Area (I&#8217;m using avada theme. .tribe-events-shortcode .tribe-events-list-separator-month { background-color: #e9a825 !important; } Can [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/","name":"How to change the colour of the list view price background -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2017-06-15T12:10:29+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-change-the-colour-of-the-list-view-price-background\/#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":"How to change the colour of the list view price background"}]},{"@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\/1298405","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\/1298405\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1298405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}