{"id":2527,"date":"2025-01-14T13:31:20","date_gmt":"2025-01-14T13:31:20","guid":{"rendered":"https:\/\/www.lcn.com\/support\/?post_type=ht_kb&p=2527"},"modified":"2025-01-14T13:31:21","modified_gmt":"2025-01-14T13:31:21","slug":"how-to-change-a-layout-of-a-template","status":"publish","type":"ht_kb","link":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/","title":{"rendered":"How to Change a Layout of a Template"},"content":{"rendered":"\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<\/strong><\/a> from within your Online Control Panel or call us on 0345 363 3637<\/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<\/strong><\/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":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[95,99,101],"ht-kb-tag":[98],"class_list":["post-2527","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":"\nHow to Change a Layout of a Template - 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-a-layout-of-a-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change a Layout of a Template - Customer Support Guides - LCN\" \/>\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.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/\" \/>\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=\"article:modified_time\" content=\"2025-01-14T13:31:21+00:00\" \/>\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-a-layout-of-a-template\/\",\"url\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/\",\"name\":\"How to Change a Layout of a Template - Customer Support Guides - LCN\",\"isPartOf\":{\"@id\":\"https:\/\/www.lcn.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lcn.com\/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-14T13:31:20+00:00\",\"dateModified\":\"2025-01-14T13:31:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.lcn.com\/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\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.lcn.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change a Layout of a Template\"}]},{\"@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 a Layout of a Template - 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-a-layout-of-a-template\/","og_locale":"en_US","og_type":"article","og_title":"How to Change a Layout of a Template - Customer Support Guides - LCN","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.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/","og_site_name":"Customer Support Guides - LCN","article_publisher":"https:\/\/www.facebook.com\/lcndotcom","article_modified_time":"2025-01-14T13:31:21+00:00","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-a-layout-of-a-template\/","url":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/","name":"How to Change a Layout of a Template - Customer Support Guides - LCN","isPartOf":{"@id":"https:\/\/www.lcn.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/#primaryimage"},"image":{"@id":"https:\/\/www.lcn.com\/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-14T13:31:20+00:00","dateModified":"2025-01-14T13:31:21+00:00","breadcrumb":{"@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lcn.com\/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"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-a-layout-of-a-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lcn.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change a Layout of a Template"}]},{"@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\/2527","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=2527"}],"version-history":[{"count":1,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb\/2527\/revisions"}],"predecessor-version":[{"id":2528,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb\/2527\/revisions\/2528"}],"wp:attachment":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/media?parent=2527"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2527"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}