{"id":577,"date":"2016-11-10T09:46:34","date_gmt":"2016-11-10T09:46:34","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/t4\/?p=577"},"modified":"2016-11-10T09:46:34","modified_gmt":"2016-11-10T09:46:34","slug":"site-colour-scheme-picker","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/10\/site-colour-scheme-picker\/","title":{"rendered":"Site colour scheme picker"},"content":{"rendered":"<p>The new Research and Conferences template has a &#8220;Colour Scheme Picker&#8221; in the Section Styles section of your site.<\/p>\n<p>Using the Colour Scheme Picker you can choose from a range of pre-set colour schemes or else choose your own colours for parts of your site (headings, body text, links etc).\u00a0 You can also choose the style of University logo on your page or remove the logo completely.<\/p>\n<p>Click the yellow arrow next to the Section Styles section and &#8220;Modify Content&#8221;, then click the yellow arrow next to the &#8220;Colour Scheme Picker&#8221; content and select &#8220;Modify&#8221; to edit the colours used on your site.<\/p>\n<p>The default colour scheme for your template is &#8216;Corporate Clean&#8217; but you can\u00a0change this by choosing a\u00a0pre-set colour scheme\u00a0and logo type from the drop down menus or click on the yellow square next to a title (e.g. &#8220;Header 1 colour&#8221;) to open the custom colour picker window for those elements.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-content.fw_-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-580\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-content.fw_-1-300x192.png\" alt=\"colour-picker-content-fw\" width=\"300\" height=\"192\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-content.fw_-1-300x192.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-content.fw_-1-768x493.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-content.fw_-1.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-content.fw_-1-468x300.png 468w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Preview your content by clicking &#8220;Update and Approve&#8221; from in the Colour Scheme Picker and then clicking the yellow arrow next to your site home section and selecting &#8220;Preview&#8221;.<\/p>\n<p>If you&#8217;ve chosen a custom colour for an element of your site (e.g. &#8220;Header 1 colour&#8221;)\u00a0and you wish to revert back to the original colour scheme, simply click on the yellow box next to that element to open the custom colour picker, then select the white box with the red cross in it (bottom right hand corner) to reset.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.fw_.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-584\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.fw_-300x192.png\" alt=\"colour-picker-sample-fw\" width=\"300\" height=\"192\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.fw_-300x192.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.fw_-768x493.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.fw_.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.fw_-468x300.png 468w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The site above uses the &#8220;Graphite Flood&#8221; colour scheme and &#8220;White out&#8221; logo style.(the white out logo works better on dark backgrounds).\u00a0 The site below uses the &#8220;Berry Clean&#8221; colour scheme, without a logo.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.2-fw.fw_.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-586\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.2-fw.fw_-300x192.png\" alt=\"colour-picker-sample-2-fw-fw\" width=\"300\" height=\"192\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.2-fw.fw_-300x192.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.2-fw.fw_-768x493.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.2-fw.fw_.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/colour-picker-sample.2-fw.fw_-468x300.png 468w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The new Research and Conferences template has a &#8220;Colour Scheme Picker&#8221; in the Section Styles section of your site. Using the Colour Scheme Picker you can choose from a range of pre-set colour schemes or else choose your own colours &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/10\/site-colour-scheme-picker\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":835,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,3],"tags":[],"class_list":["post-577","post","type-post","status-publish","format-standard","hentry","category-content-templates","category-getting-started"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/users\/835"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/comments?post=577"}],"version-history":[{"count":8,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/577\/revisions"}],"predecessor-version":[{"id":598,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/577\/revisions\/598"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/media?parent=577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/categories?post=577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/tags?post=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}