{"id":9539,"date":"2022-12-14T10:32:00","date_gmt":"2022-12-14T09:32:00","guid":{"rendered":"https:\/\/churchtools.academy\/?post_type=docs&#038;p=9539"},"modified":"2025-09-19T10:05:20","modified_gmt":"2025-09-19T09:05:20","password":"","slug":"14-how-to-change-the-design-of-my-website","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/design-settings\/14-how-to-change-the-design-of-my-website\/","title":{"rendered":"How to change the design of my website?"},"content":{"rendered":"\n<p>You can set the design of your website individually. This includes the design of the entire website as well as the style and presentation of the header, footer and page content.<\/p>\n\n\n\n<p>To customise the design, select <em>Settings (Einstellungen)<\/em> from the menu bar on the left-hand side.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"134\" height=\"256\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-14.png\" alt=\"\" class=\"wp-image-16639\"\/><\/figure>\n\n\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-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Note<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">You can change the design of your website at any time, content will not be lost.<\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">Design<\/h2>\n\n\n\n<p>You can change the basic design of your website under <em>Design<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"940\" height=\"821\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-17.png\" alt=\"\" class=\"wp-image-16645\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-17.png 940w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-17-300x262.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-17-768x671.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-17-360x314.png 360w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">(1) Theme<\/h3>\n\n\n\n<p>The <strong>theme<\/strong> is the guiding theme of your website. It determines the basic look and feel of your site. Whether light or clear, classic or modern. The choice is yours.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">(2) Colour scheme (Farbschema)<\/h3>\n\n\n\n<p>The <strong>colour scheme<\/strong> determines the colours used to design your website. You have several colour palettes to choose from. You decide which colours best suit your church.<\/p>\n\n\n\n<p>After you have determined both, you confirm your selection with <em>Save (Speichern)<\/em>.<\/p>\n\n\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-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Note<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">If you have design experience, you will find the option to <em>customise your colour scheme (Farbschema individualisieren)<\/em> further down the page to create a professional colour scheme.<\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">Header design<\/h2>\n\n\n\n<p>You define the design of the header under <em>Header (Kopfzeile)<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"632\" height=\"741\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-15.png\" alt=\"\" class=\"wp-image-16641\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-15.png 632w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-15-256x300.png 256w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-15-360x422.png 360w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">(1) Presentation (Darstellung)<\/h3>\n\n\n\n<p>Here you define how the header should be arranged in relation to the logo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">(2) Colour style (Farbstil)<\/h3>\n\n\n\n<p>Here you can select a colour style especially for the header. The colour scheme you selected for your website under <em>Design<\/em> for the background, buttons etc. will be changed according to your ideas for the header. This adds variety to your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">(3) Pin header (Header an Seitenkopf anheften)<\/h3>\n\n\n\n<p>If you activate this button, the header remains visible even when scrolling.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">(4) Logo<\/h3>\n\n\n\n<p>Here you enter the logo to be displayed in the header and the text to be displayed next to it. Typically, your church name will make sense here. You also define the size of the entire header for the normal and minimised header.<\/p>\n\n\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-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Note<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">You can define a logo for light and a logo for dark backgrounds. It makes sense to store both, as you can specify a light or dark background via the colour style for the header. You can also use the logo stored here for the footer if you wish.<\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">Page content design<\/h2>\n\n\n\n<p>Under <em>Page content (Seiteninhalt)<\/em> you can define the colour style for the page content.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"699\" height=\"237\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-16.png\" alt=\"\" class=\"wp-image-16642\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-16.png 699w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-16-300x102.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-16-360x122.png 360w\" sizes=\"(max-width: 699px) 100vw, 699px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Footer design<\/h2>\n\n\n\n<p>You define the design for the footer under <em>Footer (Fu\u00dfzeile)<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"695\" height=\"573\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-18.png\" alt=\"\" class=\"wp-image-16647\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-18.png 695w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-18-300x247.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2022\/12\/image-18-360x297.png 360w\" sizes=\"(max-width: 695px) 100vw, 695px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">(1) Display (Darstellung)<\/h3>\n\n\n\n<p>Here you determine whether the footer should be displayed normally, minimally or completely.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">(2) Colour style (Farbstil)<\/h3>\n\n\n\n<p>As already mentioned, you can also define your own colour style for the footer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">(3) Logo<\/h3>\n\n\n\n<p>For the footer you can either display no logo or the logo for light or dark backgrounds that you have stored under <em>Header<\/em>.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-artikel-zum-weiterlesen has-background is-layout-constrained wp-container-core-group-is-layout-89fd719a 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\/general-settings\/14-how-to-change-the-title-of-the-website\/\" data-type=\"docs\" data-id=\"9540\">How to change the title of my website?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/seitenleiste-website\/14-what-is-the-sidebar-and-how-to-customize-it\/\" data-type=\"docs\" data-id=\"9564\">What is the sidebar and how to customise it?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/content\/14-how-to-create-content\/\" data-type=\"docs\" data-id=\"9545\">How to create content?<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>You can set the design of your website individually. This includes the design of the entire website as well as the style and presentation of the header, footer and page content. To customise the design, select Settings (Einstellungen) from the menu bar on the left-hand side. Design You can change the basic design of your [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[620],"doc_tag":[537,536],"knowledge_base":[225],"class_list":["post-9539","docs","type-docs","status-publish","hentry","doc_category-design-settings","doc_tag-content-outdated","doc_tag-screenshot-missing-outdated","knowledge_base-website-and-finder"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"year_month":"2026-04","word_count":375,"total_views":"2773","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":[{"term_name":"Content outdated","term_url":"https:\/\/churchtools.academy\/en\/docs-tag\/content-outdated\/"},{"term_name":"screenshot missing\/outdated","term_url":"https:\/\/churchtools.academy\/en\/docs-tag\/screenshot-missing-outdated\/"}],"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\/9539","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=9539"}],"version-history":[{"count":4,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9539\/revisions"}],"predecessor-version":[{"id":40030,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9539\/revisions\/40030"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/media?parent=9539"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_category?post=9539"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_tag?post=9539"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/knowledge_base?post=9539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}