{"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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Black-circle-button.png?resize=183%2C190&#038;ssl=1\" alt=\"\" class=\"wp-image-282\" width=\"183\" height=\"190\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Black-circle-button.png?w=139&amp;ssl=1 139w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Black-circle-button.png?resize=58%2C60&amp;ssl=1 58w\" sizes=\"auto, (max-width: 183px) 100vw, 183px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"181\" height=\"175\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/colours.png?resize=181%2C175&#038;ssl=1\" alt=\"\" class=\"wp-image-283\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/colours.png?w=181&amp;ssl=1 181w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/colours.png?resize=60%2C58&amp;ssl=1 60w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/colours.png?resize=150%2C145&amp;ssl=1 150w\" sizes=\"auto, (max-width: 181px) 100vw, 181px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"363\" height=\"396\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours.png?resize=363%2C396&#038;ssl=1\" alt=\"\" class=\"wp-image-284\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours.png?w=363&amp;ssl=1 363w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours.png?resize=275%2C300&amp;ssl=1 275w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours.png?resize=55%2C60&amp;ssl=1 55w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/toggle-colours.png?resize=138%2C150&amp;ssl=1 138w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"561\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1.png?resize=756%2C561&#038;ssl=1\" alt=\"\" class=\"wp-image-16\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1.png?w=756&amp;ssl=1 756w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1.png?resize=300%2C223&amp;ssl=1 300w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1.png?resize=60%2C45&amp;ssl=1 60w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step1.png?resize=150%2C111&amp;ssl=1 150w\" sizes=\"auto, (max-width: 756px) 100vw, 756px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"483\" height=\"465\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2.png?resize=483%2C465&#038;ssl=1\" alt=\"\" class=\"wp-image-17\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2.png?w=483&amp;ssl=1 483w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2.png?resize=300%2C289&amp;ssl=1 300w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2.png?resize=60%2C58&amp;ssl=1 60w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/Change-text-colour-step2.png?resize=150%2C144&amp;ssl=1 150w\" sizes=\"auto, (max-width: 483px) 100vw, 483px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"><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 height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" 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 wp-block-paragraph\"><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":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[2,3],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","hentry","category-getting-started","category-working-with-text"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/15","targetHints":{"allow":["GET"]}}],"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}]}}