{"id":90887,"date":"2025-01-23T12:06:46","date_gmt":"2025-01-23T11:06:46","guid":{"rendered":"https:\/\/churchtools.academy\/help\/non-knowledgebase\/uncategorized\/customize-the-websites-color-scheme\/"},"modified":"2026-09-02T11:57:45","modified_gmt":"2026-09-02T10:57:45","password":"","slug":"customize-the-websites-color-scheme","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/design-settings\/customize-the-websites-color-scheme\/","title":{"rendered":"Customize the website&#8217;s color scheme"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The ChurchTools Website offers you a variety of preset color schemes, allowing you to customize the color scheme of your church\u2019s website. These schemes are professionally coordinated and make your website look great. We explain how to select a color scheme for your website in the article on <a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/design-settings\/14-how-to-change-the-design-of-my-website\/#2-toc-title\" id=\"7500\">design settings<\/a>.  <\/p>\n\n<p class=\"wp-block-paragraph\">If you&#8217;re familiar with this, you&#8217;ll also have the option to further customize the color scheme for your website.<\/p>\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-text-color has-background has-link-color wp-elements-1 is-vertical is-layout-flex wp-container-core-group-is-layout-1ccdadb1 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#e7c000;border-left-width:0.5rem;color:#3f3400;background-color:#ffe5644d;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Important<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">You should really only use this option if you have professional <strong>design experience<\/strong>. Changes to the color scheme affect your entire website and can quickly make it look unattractive if you adjust the settings here without any experience. <\/p>\n<\/aside>\n\n<p class=\"wp-block-paragraph\">Scroll down to &#8220;Color Scheme&#8221; in the design settings. Here you&#8217;ll find the preset <em>color schemes<\/em> (1). Below that, use the slider to enable <em>customization of the color scheme<\/em> (2).    <\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/01\/CleanShot-2025-05-06-at-15.04.40.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"711\" height=\"623\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/01\/CleanShot-2025-05-06-at-15.04.40.png\" alt=\"\" class=\"wp-image-35272\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/01\/CleanShot-2025-05-06-at-15.04.40.png 711w, https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/01\/CleanShot-2025-05-06-at-15.04.40-300x263.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/01\/CleanShot-2025-05-06-at-15.04.40-360x315.png 360w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/a><\/figure>\n\n<p class=\"wp-block-paragraph\">To make it easier for you to review the individual changes, we&#8217;ve made a Figma file available in the Figma Community that shows you examples of how the different color styles look.  <\/p>\n\n<p class=\"wp-block-paragraph\">So before you make any changes to your own website, you can take a closer look at the Figma file to understand it better. The file is also designed to let you experiment with the logic behind the color schemes. <\/p>\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.figma.com\/community\/file\/1451599901586799993\">Figma file for the ChurchTools Website color scheme<\/a><\/p>\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-1ccdadb1 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#22c55e;border-left-width:0.5rem;background-color:#dcfce7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Tipp<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">If you have design experience but haven&#8217;t used Figma yet, you&#8217;ll find information <a href=\"https:\/\/help.figma.com\/hc\/de\/categories\/360002042553\" data-type=\"link\" data-id=\"https:\/\/help.figma.com\/hc\/de\/categories\/360002042553\">here<\/a> that will definitely help you.<\/p>\n<\/aside>\n\n<aside class=\"wp-block-group ct-artikel-zum-weiterlesen has-background is-layout-constrained wp-container-core-group-is-layout-79a8db7e wp-block-group-is-layout-constrained\" style=\"border-radius:8px;background-color:#f9fafb;margin-top:24px;margin-bottom:24px;padding-top:32px;padding-right:24px;padding-bottom:32px;padding-left:24px\">\n<h4 class=\"wp-block-heading has-medium-font-size\">Read more<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/design-settings\/14-how-to-change-the-design-of-my-website\/\" data-type=\"docs\" data-id=\"7500\">How to change the design of my website?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/general-settings\/14-how-to-change-the-title-of-the-website\/\" data-type=\"docs\" data-id=\"7501\">How do I change the title and URL of my website?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/page-settings\/how-do-i-customize-the-footer-of-my-website\/\" data-type=\"docs\" data-id=\"24944\">How do I customize the footer of my website?<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>The ChurchTools Website offers you a variety of preset color schemes, allowing you to customize the color scheme of your church\u2019s website. These schemes are professionally coordinated and make your website look great. We explain how to select a color scheme for your website in the article on design settings. If you&#8217;re familiar with this, [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[620],"doc_tag":[],"knowledge_base":[225],"class_list":["post-90887","docs","type-docs","status-publish","hentry","doc_category-design-settings","knowledge_base-website-and-finder"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","pp_force_visibility":null,"pp_subpost_visibility":null,"pp_inherited_force_visibility":null,"pp_inherited_subpost_visibility":null,"acf":[],"year_month":"2026-09","word_count":208,"total_views":"3","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Victoria Weidemann","author_nicename":"vweidemann","author_url":"https:\/\/churchtools.academy\/en\/author\/vweidemann\/"},"doc_category_info":[{"term_name":"Design Settings","term_url":"https:\/\/churchtools.academy\/en\/help\/non-knowledgebase\/design-settings\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Website and Finder","term_url":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/","term_slug":"website-and-finder"}],"knowledge_base_slug":["website-and-finder"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/90887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/comments?post=90887"}],"version-history":[{"count":3,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/90887\/revisions"}],"predecessor-version":[{"id":90897,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/90887\/revisions\/90897"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/media?parent=90887"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_category?post=90887"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_tag?post=90887"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/knowledge_base?post=90887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}