{"id":15,"date":"2020-12-15T09:09:01","date_gmt":"2020-12-15T09:09:01","guid":{"rendered":"https:\/\/help.webhealer.net\/?p=15"},"modified":"2021-05-17T12:39:15","modified_gmt":"2021-05-17T12:39:15","slug":"how-to-change-text-colour","status":"publish","type":"post","link":"https:\/\/help.webhealer.net\/index.php\/2020\/12\/15\/how-to-change-text-colour\/","title":{"rendered":"How to change background and text colour"},"content":{"rendered":"\n<p>All WebHealer layouts have been designed with a specific colour palette to blend with the images chosen. If you are personalising the site and want to change the background colour, here is how you can do it:<\/p>\n\n\n\n<p>Firstly, click the round menu icon that appears in the top right-hand corner of your content block. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Black-circle-button.png\" alt=\"\" class=\"wp-image-282\" width=\"183\" height=\"190\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Black-circle-button.png 139w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Black-circle-button-58x60.png 58w\" sizes=\"(max-width: 183px) 100vw, 183px\" \/><\/figure>\n\n\n\n<p>Select the &#8216;Colours&#8217; option, then use the main colour box to determine your preferred shade. The bars down the right enable you to flick between different colours and toggle between a lighter or darker version.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"181\" height=\"175\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/colours.png\" alt=\"\" class=\"wp-image-283\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/colours.png 181w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/colours-60x58.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/colours-150x145.png 150w\" sizes=\"(max-width: 181px) 100vw, 181px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"363\" height=\"396\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours.png\" alt=\"\" class=\"wp-image-284\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours.png 363w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours-275x300.png 275w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours-55x60.png 55w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours-138x150.png 138w\" sizes=\"(max-width: 363px) 100vw, 363px\" \/><\/figure>\n\n\n\n<p>To change the colour of some text, select the text you wish to change, then pick a colour using the colour picker.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"756\" height=\"561\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1.png\" alt=\"\" class=\"wp-image-16\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1.png 756w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1-300x223.png 300w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1-60x45.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1-150x111.png 150w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"483\" height=\"465\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2.png\" alt=\"\" class=\"wp-image-17\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2.png 483w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2-300x289.png 300w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2-60x58.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2-150x144.png 150w\" sizes=\"(max-width: 483px) 100vw, 483px\" \/><\/figure>\n\n\n\n<p>Pick your colour, then click outside the colour picker (on the text you wish to change) and the text colour should change. If you are happy with the change, click &#8220;Update&#8221; in the bottom right corner to save your change.<\/p>\n\n\n\n<p><strong>See below for a full run-through of changing both background colour and text colour on a content block.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Changing-colours.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong><span class=\"has-inline-color has-vivid-red-color\">*NB*<\/span>&nbsp;\u2013 Don\u2019t forget to click \u2018Update\u2019 in the bottom right-hand corner after you make any changes to your website so they will be saved!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>All WebHealer layouts have been designed with a specific colour palette to blend with the images chosen. If you are personalising the site and want to change the background colour, here is how you can do it: Firstly, click the round menu icon that appears in the top right-hand corner of your content block. Select [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,3],"tags":[],"_links":{"self":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/15"}],"collection":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":4,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/15\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/15\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/categories?post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/tags?post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}