{"id":5341,"date":"2025-01-14T10:20:31","date_gmt":"2025-01-14T10:20:31","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&p=5341"},"modified":"2025-01-14T10:20:32","modified_gmt":"2025-01-14T10:20:32","slug":"how-to-change-a-layout-of-a-template","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/","title":{"rendered":"How to Change a Layout of a Template"},"content":{"rendered":"\n

Info:<\/strong> This article applies to Website Builder purchases made after 14th<\/sup> January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n

Once you publish your website, the selected template cannot be changed; however, most elements can still be modified to meet your needs. In this article, you will learn how to customize the appearance of each section<\/strong> of the template. <\/p>\n\n\n\n

Getting Started<\/h2>\n\n\n\n

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 HERE<\/a><\/p>\n\n\n\n

Step One<\/h2>\n\n\n\n

Click Settings.<\/strong> <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Step Two<\/h2>\n\n\n\n

Click Design <\/strong>< Change<\/strong> layout<\/strong>. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Here is where you can select a Style<\/strong>. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

You can also find some more settings in Advanced settings<\/strong>. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Adjustable Properties<\/h2>\n\n\n\n

Layout Style<\/strong> <\/p>\n\n\n\n

Here, you can configure the overall layout style of the template, determining how the website and its header appear. <\/p>\n\n\n\n

Classic Style:<\/strong> This default option in most templates spreads the content across the entire width of the page, with the menu located at the top. <\/p>\n\n\n\n

Narrow Style:<\/strong> In this layout, content is displayed in a centred column, creating a long strip. You can adjust the background behind this column, and the menu is positioned at the top of the page. <\/p>\n\n\n\n

Boxed Style:<\/strong> Like the Narrow style, this layout also features a centred column. However, sections are separated by space, and the menu remains at the top. The background behind the column can also be adjusted. <\/p>\n\n\n\n

Sidebar:<\/strong> This style places the menu on the left side, with the page content spreading across the full width. <\/p>\n\n\n\n

Section Spacing<\/strong> <\/p>\n\n\n\n

By selecting this option, you can adjust the top and bottom margins of each section, allowing you to control how closely the contents of the sections are positioned relative to one another. <\/p>\n\n\n\n

Section Content Width<\/strong> <\/p>\n\n\n\n

This setting adjusts the width (right and left margins) of the contents within each section. For example, modifying the margins can affect the text width on the pages. <\/p>\n\n\n\n

Decoration<\/strong> <\/p>\n\n\n\n

Available only in the Basic layout style, this option allows you to add decorative elements to the page header. You can include a frame around the header image or ripples that appear at the bottom of the header image. <\/p>\n\n\n\n

Background<\/strong> <\/p>\n\n\n\n

For the Narrow and Tile styles, this option lets you set the “back” background for the pages, which is displayed behind the content column. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Once the desired changes have been made, you can (re)publish the site. <\/p>\n\n\n\n

<\/div>\n\n\n\n

If you have any further questions, simply raise a support request<\/a><\/strong> from within your Online Control Panel or call us on 0345 363 3634<\/strong>. Our Support team are here to help and ready to assist you with your enquiry.<\/p>\n\n\n\n

For assistance raising a support request please follow the following guide<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Once you publish your website, the selected template cannot be changed; however, most elements can still be modified to meet your needs. In this article, you will learn how to customize the appearance of each section of the template.  Getting Started To get started, you first need to log into the web builder through your […]<\/p>\n","protected":false},"author":28,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[260,154,262],"ht-kb-tag":[153,257],"class_list":["post-5341","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-edit-your-website","ht_kb_category-website-builder","ht_kb_category-website-design","ht_kb_tag-website-builder","ht_kb_tag-xsw"],"yoast_head":"\nHow to Change a Layout of a Template - Support Centre - names.co.uk<\/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.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change a Layout of a Template - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"Once you publish your website, the selected template cannot be changed; however, most elements can still be modified to meet your needs. In this article, you will learn how to customize the appearance of each section of the template.  Getting Started To get started, you first need to log into the web builder through your […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-14T10:20:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-77.png\" \/>\n\t<meta property=\"og:image:width\" content=\"652\" \/>\n\t<meta property=\"og:image:height\" content=\"298\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated 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.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/\",\"name\":\"How to Change a Layout of a Template - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-77.png\",\"datePublished\":\"2025-01-14T10:20:31+00:00\",\"dateModified\":\"2025-01-14T10:20:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-77.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-77.png\",\"width\":652,\"height\":298},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change a Layout of a Template\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change a Layout of a Template - Support Centre - names.co.uk","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.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/","og_locale":"en_GB","og_type":"article","og_title":"How to Change a Layout of a Template - Support Centre - names.co.uk","og_description":"Once you publish your website, the selected template cannot be changed; however, most elements can still be modified to meet your needs. In this article, you will learn how to customize the appearance of each section of the template.  Getting Started To get started, you first need to log into the web builder through your […]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-14T10:20:32+00:00","og_image":[{"width":652,"height":298,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-77.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/","name":"How to Change a Layout of a Template - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-77.png","datePublished":"2025-01-14T10:20:31+00:00","dateModified":"2025-01-14T10:20:32+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-77.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-77.png","width":652,"height":298},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-a-layout-of-a-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change a Layout of a Template"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=5341"}],"version-history":[{"count":5,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5341\/revisions"}],"predecessor-version":[{"id":6482,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5341\/revisions\/6482"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=5341"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=5341"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=5341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}