{"id":2517,"date":"2025-01-14T13:27:02","date_gmt":"2025-01-14T13:27:02","guid":{"rendered":"https:\/\/www.lcn.com\/support\/?post_type=ht_kb&#038;p=2517"},"modified":"2025-01-14T13:27:02","modified_gmt":"2025-01-14T13:27:02","slug":"how-to-change-the-complementary-colour-of-your-website","status":"publish","type":"ht_kb","link":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/","title":{"rendered":"How to Change the Complementary Colour of Your Website"},"content":{"rendered":"\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>Info:<\/strong> This article applies to Website Builder purchases made after 14<sup>th<\/sup> January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n<p>Your site features an extra colour that appears in the logo, icons, buttons, underlined links, headings in the price list, and product names in your online store. This additional colour is part of the template you chose to ensure a cohesive design. If you\u2019d like to change this colour, please follow the steps below.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p>To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide <a href=\"https:\/\/www.lcn.com\/support\/articles\/how-to-log-into-your-online-control-panel\/\">HERE<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step One<\/h2>\n\n\n\n<p>Go to <strong>Settings<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-40.png\" alt=\"\" class=\"wp-image-5289\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Two<\/h2>\n\n\n\n<p>Select <strong>Design<\/strong> in the left column, then go to <strong>Change Colours<\/strong>.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-42.png\" alt=\"\" class=\"wp-image-5290\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>A window for changing the complementary colour of your website will appear.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-nco-caution-block\"><p class=\"nco-caution-block-content\"><strong>IMPORTANT:<\/strong> Web content editing is not accessible in this window. You can return to editing by clicking the <strong>X<\/strong> or selecting <strong>Save changes<\/strong> in the upper right corner.\u00a0<\/p><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-41.png\" alt=\"\" class=\"wp-image-5291\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Three<\/h2>\n\n\n\n<p>In the upper right corner, you\u2019ll find the <strong>Advanced Settings<\/strong>, allowing you to choose which elements will be impacted by the change in complementary colour. If you leave the toggle off for a specific element, it will remain in the base colour.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-44.png\" alt=\"\" class=\"wp-image-5294\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Four<\/h2>\n\n\n\n<p>You can expand the colour menu located by the <strong>Complementary Colour<\/strong> box.&nbsp; The colour change will apply to all elements designated as complementary on your website and marked as active in the Advanced Settings. If you select the first colour from the second row (default from the left), the pages will not display any complementary colour.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-45.png\" alt=\"\" class=\"wp-image-5293\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Five<\/h2>\n\n\n\n<p>You need to save your selection of the complementary colour in the upper right corner. Alternatively, you can close the complementary colour window without saving changes by clicking the <strong>X<\/strong> located by <strong>Save changes<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-43.png\" alt=\"\" class=\"wp-image-5292\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-nco-advice-block\"><p class=\"nco-advice-block-content\"><strong>TIP<\/strong>: For regular text, you can change the colour directly in the editing field. If you modify the colour of a heading or subtitle in the text field, the complementary colour change won\u2019t apply to those texts; you\u2019ll need to update the colour manually again.\u00a0<\/p><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-46.png\" alt=\"\" class=\"wp-image-5295\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you have any further questions, simply&nbsp;<a href=\"https:\/\/admin.lcn.com\/tech_support\/tracking\/add.php\"><strong>raise a support request<\/strong><\/a>&nbsp;from within your Online Control Panel or call us on&nbsp;<strong>0345 363 3637<\/strong>. Our Support team are here to help and ready to assist you with your enquiry.<\/p>\n\n\n\n<p>For assistance raising a support request please follow the following&nbsp;<a href=\"https:\/\/www.lcn.com\/support\/articles\/how-to-open-a-support-enquiry\/\"><strong>guide<\/strong><\/a><strong>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your site features an extra colour that appears in the logo, icons, buttons, underlined links, headings in the price list, and product names in your online store. This additional colour is part of the template you chose to ensure a cohesive design. If you\u2019d like to change this colour, please follow the steps below. Getting [&hellip;]<\/p>\n","protected":false},"author":28,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[95,99,101],"ht-kb-tag":[98],"class_list":["post-2517","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-website-builder","ht_kb_category-edit-your-website","ht_kb_category-website-design","ht_kb_tag-website-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Change the Complementary Colour of Your Website - Customer Support Guides - LCN<\/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:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Complementary Colour of Your Website - Customer Support Guides - LCN\" \/>\n<meta property=\"og:description\" content=\"Your site features an extra colour that appears in the logo, icons, buttons, underlined links, headings in the price list, and product names in your online store. This additional colour is part of the template you chose to ensure a cohesive design. If you\u2019d like to change this colour, please follow the steps below. Getting [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Customer Support Guides - LCN\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lcndotcom\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/support-facebook-feed.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@lcndotcom\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/\",\"url\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/\",\"name\":\"How to Change the Complementary Colour of Your Website - Customer Support Guides - LCN\",\"isPartOf\":{\"@id\":\"https:\/\/www.lcn.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-40.png\",\"datePublished\":\"2025-01-14T13:27:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-40.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-40.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.lcn.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Complementary Colour of Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lcn.com\/support\/#website\",\"url\":\"https:\/\/www.lcn.com\/support\/\",\"name\":\"Customer Support Guides - LCN\",\"description\":\"- LCN\",\"publisher\":{\"@id\":\"https:\/\/www.lcn.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lcn.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.lcn.com\/support\/#organization\",\"name\":\"LCN.com\",\"url\":\"https:\/\/www.lcn.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.lcn.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/2020\/02\/ZF_-hcc3.jpg\",\"contentUrl\":\"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/2020\/02\/ZF_-hcc3.jpg\",\"width\":461,\"height\":461,\"caption\":\"LCN.com\"},\"image\":{\"@id\":\"https:\/\/www.lcn.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/lcndotcom\",\"https:\/\/x.com\/lcndotcom\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change the Complementary Colour of Your Website - Customer Support Guides - LCN","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:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Change the Complementary Colour of Your Website - Customer Support Guides - LCN","og_description":"Your site features an extra colour that appears in the logo, icons, buttons, underlined links, headings in the price list, and product names in your online store. This additional colour is part of the template you chose to ensure a cohesive design. If you\u2019d like to change this colour, please follow the steps below. Getting [&hellip;]","og_url":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/","og_site_name":"Customer Support Guides - LCN","article_publisher":"https:\/\/www.facebook.com\/lcndotcom","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/support-facebook-feed.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@lcndotcom","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/","url":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/","name":"How to Change the Complementary Colour of Your Website - Customer Support Guides - LCN","isPartOf":{"@id":"https:\/\/www.lcn.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#primaryimage"},"image":{"@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-40.png","datePublished":"2025-01-14T13:27:02+00:00","breadcrumb":{"@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-40.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-40.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-the-complementary-colour-of-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lcn.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change the Complementary Colour of Your Website"}]},{"@type":"WebSite","@id":"https:\/\/www.lcn.com\/support\/#website","url":"https:\/\/www.lcn.com\/support\/","name":"Customer Support Guides - LCN","description":"- LCN","publisher":{"@id":"https:\/\/www.lcn.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lcn.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.lcn.com\/support\/#organization","name":"LCN.com","url":"https:\/\/www.lcn.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lcn.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/2020\/02\/ZF_-hcc3.jpg","contentUrl":"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/2020\/02\/ZF_-hcc3.jpg","width":461,"height":461,"caption":"LCN.com"},"image":{"@id":"https:\/\/www.lcn.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/lcndotcom","https:\/\/x.com\/lcndotcom"]}]}},"_links":{"self":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb\/2517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/comments?post=2517"}],"version-history":[{"count":2,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb\/2517\/revisions"}],"predecessor-version":[{"id":2809,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb\/2517\/revisions\/2809"}],"wp:attachment":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/media?parent=2517"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2517"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}