{"id":2593,"date":"2025-01-14T11:58:42","date_gmt":"2025-01-14T11:58:42","guid":{"rendered":"https:\/\/www.register365.com\/support\/?post_type=ht_kb&p=2593"},"modified":"2025-01-14T11:58:48","modified_gmt":"2025-01-14T11:58:48","slug":"how-to-change-the-background-of-a-section","status":"publish","type":"ht_kb","link":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/","title":{"rendered":"How to Change the Background of a Section"},"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

In the editor, you can change the background of each section<\/strong>, helping it stand out to visitors. This can also enhance the overall design of your website. <\/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

To change the background, hover over the section to reveal the section settings button (gear icon) in the upper right corner. From here, you can choose Section Background<\/strong> or Advanced 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

In the Background section, you can choose from the recommended backgrounds or click the plus <\/strong>button to select a different one or upload your own. <\/p>\n\n\n\n

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

Step Three<\/h2>\n\n\n\n

Here you can select a background from the gallery or upload your own. <\/p>\n\n\n\n

In Advanced settings, you\u2019ll find options for Content Width<\/strong> and Decorative Border<\/strong>. <\/p>\n\n\n\n

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

Each section has its own function: <\/p>\n\n\n\n

Content width <\/strong><\/p>\n\n\n\n

The content width controls the size of elements like forms and photo galleries within the header. <\/p>\n\n\n\n

Decorative border<\/strong> <\/p>\n\n\n\n

This feature adds a dark border around the title, subheading, and caption located above the title. <\/p>\n\n\n\n

Along with the classic sections, you can add heading sections like a Heading<\/strong> or a Heading with a button<\/strong>. These sections offer additional setting options, similar to those found in the page header. <\/p>\n\n\n\n

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

You can add up to three types of heading (Heading, Subheading, and Title) along with a button, or configure Advanced settings<\/strong> within the section. <\/p>\n\n\n\n

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

Advanced Settings<\/h2>\n\n\n\n

Clicking Advanced Settings<\/strong> will display the following options: <\/p>\n\n\n\n

Content alignment<\/strong> <\/p>\n\n\n\n

Here you set the content alignment within the page header. <\/p>\n\n\n\n

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

The content width primarily determines the starting point of the content. For instance, when aligning content to the left, you can specify where the heading begins. <\/p>\n\n\n\n

Minimum height<\/strong> <\/p>\n\n\n\n

This setting controls the size of the header, allowing you to manage how much of the background image is visible. <\/p>\n\n\n\n

Decorative border<\/strong> <\/p>\n\n\n\n

This feature enables a dark border around the title, subheading, and the caption located above the title. <\/p>\n\n\n\n

TIP<\/strong>: Page background images can generate data traffic, potentially slowing down your site. We recommend selecting smaller images, particularly for the front and most frequently visited pages.\u00a0<\/p><\/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 01 5255768<\/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":"

In the editor, you can change the background of each section, helping it stand out to visitors. This can also enhance the overall design of your website.  Getting Started 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 […]<\/p>\n","protected":false},"author":19,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[145,143,26],"ht-kb-tag":[34],"class_list":["post-2593","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-website-design-edit-your-website-create-a-website","ht_kb_category-edit-your-website-create-a-website","ht_kb_category-create-a-website","ht_kb_tag-website-builder"],"yoast_head":"\nHow to Change the Background of a Section - Support Centre - Register365<\/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.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/\" \/>\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 Background of a Section - Support Centre - Register365\" \/>\n<meta property=\"og:description\" content=\"In the editor, you can change the background of each section, helping it stand out to visitors. This can also enhance the overall design of your website.  Getting Started 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 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - Register365\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-14T11:58:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/\",\"url\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/\",\"name\":\"How to Change the Background of a Section - Support Centre - Register365\",\"isPartOf\":{\"@id\":\"https:\/\/www.register365.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-289-1024x219.png\",\"datePublished\":\"2025-01-14T11:58:42+00:00\",\"dateModified\":\"2025-01-14T11:58:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-289-1024x219.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-289-1024x219.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.register365.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Background of a Section\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.register365.com\/support\/#website\",\"url\":\"https:\/\/www.register365.com\/support\/\",\"name\":\"Support Centre - Register365\",\"description\":\"Register365 Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.register365.com\/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 the Background of a Section - Support Centre - Register365","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.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/","og_locale":"en_US","og_type":"article","og_title":"How to Change the Background of a Section - Support Centre - Register365","og_description":"In the editor, you can change the background of each section, helping it stand out to visitors. This can also enhance the overall design of your website.  Getting Started 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 […]","og_url":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/","og_site_name":"Support Centre - Register365","article_modified_time":"2025-01-14T11:58:48+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/","url":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/","name":"How to Change the Background of a Section - Support Centre - Register365","isPartOf":{"@id":"https:\/\/www.register365.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#primaryimage"},"image":{"@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-289-1024x219.png","datePublished":"2025-01-14T11:58:42+00:00","dateModified":"2025-01-14T11:58:48+00:00","breadcrumb":{"@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-289-1024x219.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-289-1024x219.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-background-of-a-section\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.register365.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change the Background of a Section"}]},{"@type":"WebSite","@id":"https:\/\/www.register365.com\/support\/#website","url":"https:\/\/www.register365.com\/support\/","name":"Support Centre - Register365","description":"Register365 Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.register365.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb\/2593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/comments?post=2593"}],"version-history":[{"count":2,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb\/2593\/revisions"}],"predecessor-version":[{"id":3012,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb\/2593\/revisions\/3012"}],"wp:attachment":[{"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/media?parent=2593"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2593"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}