{"id":678,"date":"2016-11-21T10:06:45","date_gmt":"2016-11-21T10:06:45","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/t4\/?p=678"},"modified":"2024-07-08T11:23:35","modified_gmt":"2024-07-08T10:23:35","slug":"custom-css","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/21\/custom-css\/","title":{"rendered":"Custom CSS"},"content":{"rendered":"<p>The new Research and Conferences template allows you to customise fonts <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/10\/font-picker-2\/\"> (see the font picker)<\/a> and change the colour scheme of your site <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/10\/site-colour-scheme-picker\/\">(see the colour scheme picker).<\/a><\/p>\n<p>If you have a little more web development technical knowledge you may wish to go even further and customise the CSS of your site; there&#8217;s a piece of &#8220;Custom CSS&#8221; content in the &#8220;Section Styles&#8221; section to let you do just that.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/SectionStyles.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1021 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/SectionStyles-300x152.png\" alt=\"\" width=\"300\" height=\"152\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/SectionStyles-300x152.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/SectionStyles-1024x518.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/SectionStyles-768x389.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/SectionStyles-1536x777.png 1536w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/SectionStyles-500x253.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/SectionStyles.png 1577w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>You should put your CSS inside a &lt;style&gt; tag as show below.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/CustomCSSEdit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1023 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/CustomCSSEdit-300x137.png\" alt=\"\" width=\"300\" height=\"137\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/CustomCSSEdit-300x137.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/CustomCSSEdit-1024x469.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/CustomCSSEdit-768x352.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/CustomCSSEdit-1536x703.png 1536w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/CustomCSSEdit-500x229.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/CustomCSSEdit.png 1573w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Once you have made your style changes, click &#8220;Update and Approve&#8221; then preview your site to see the changes.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/edited-css.fw_.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-681\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/edited-css.fw_-300x183.png\" alt=\"edited-css-fw\" width=\"300\" height=\"183\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/edited-css.fw_-300x183.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/edited-css.fw_-768x468.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/edited-css.fw_-1024x624.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/edited-css.fw_-492x300.png 492w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The new Research and Conferences template allows you to customise fonts (see the font picker) and change the colour scheme of your site (see the colour scheme picker). If you have a little more web development technical knowledge you may &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/21\/custom-css\/\">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],"tags":[],"class_list":["post-678","post","type-post","status-publish","format-standard","hentry","category-content-templates"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/678","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=678"}],"version-history":[{"count":9,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/678\/revisions"}],"predecessor-version":[{"id":1024,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/678\/revisions\/1024"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/media?parent=678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/categories?post=678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/tags?post=678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}