{"id":1515543,"date":"2018-04-25T03:27:14","date_gmt":"2018-04-25T10:27:14","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/"},"modified":"2018-04-25T05:30:51","modified_gmt":"2018-04-25T12:30:51","slug":"customize-colors-using-shortcode","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/","title":{"rendered":"Customize colors using shortcode"},"content":{"rendered":"

Hi I’ve configured Events Cal Pro within the admin dashboard, but when using shortcode to display the current week’s schedule on my client’s homepage, it isn’t using the colors I’ve set in the settings. Is there a way to edit colors when using shortcodes on a regular page?<\/p>\n

I’ve attached screenshots of the regular Events page (displaying full calendar) as well as the section on the home page using shortcode. You can see the main calendar page is styled with green accent colors and a mostly white calendar (matching site style and making the cal legible). But if you look at the home page screenshot, you can see it doesn’t match the styling I’ve set in the plugin settings, doesn’t match site style and is difficult to read.<\/p>\n

Any assistance is greatly appreciated. <\/p>\n

Thank you kindly,
\nChris<\/p>\n","protected":false},"template":"","class_list":["post-1515543","topic","type-topic","status-closed","hentry"],"yoast_head":"\nCustomize colors using shortcode -<\/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\/customize-colors-using-shortcode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customize colors using shortcode -\" \/>\n<meta property=\"og:description\" content=\"Hi I’ve configured Events Cal Pro within the admin dashboard, but when using shortcode to display the current week’s schedule on my client’s homepage, it isn’t using the colors I’ve set in the settings. Is there a way to edit colors when using shortcodes on a regular page? I’ve attached screenshots of the regular Events […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-25T12:30:51+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\/customize-colors-using-shortcode\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/\",\"name\":\"Customize colors using shortcode -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2018-04-25T10:27:14+00:00\",\"dateModified\":\"2018-04-25T12:30:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/#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\":\"Customize colors using shortcode\"}]},{\"@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":"Customize colors using shortcode -","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\/customize-colors-using-shortcode\/","og_locale":"en_US","og_type":"article","og_title":"Customize colors using shortcode -","og_description":"Hi I’ve configured Events Cal Pro within the admin dashboard, but when using shortcode to display the current week’s schedule on my client’s homepage, it isn’t using the colors I’ve set in the settings. Is there a way to edit colors when using shortcodes on a regular page? I’ve attached screenshots of the regular Events […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/","article_modified_time":"2018-04-25T12:30:51+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\/customize-colors-using-shortcode\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/","name":"Customize colors using shortcode -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2018-04-25T10:27:14+00:00","dateModified":"2018-04-25T12:30:51+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-colors-using-shortcode\/#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":"Customize colors using shortcode"}]},{"@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\/1515543","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\/1515543\/revisions"}],"predecessor-version":[{"id":1515663,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1515543\/revisions\/1515663"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1515543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}