{"id":3691,"date":"2022-04-27T13:28:59","date_gmt":"2022-04-27T11:28:59","guid":{"rendered":"https:\/\/www.combell.nl\/en\/help\/?post_type=ht_kb&#038;p=3691"},"modified":"2022-09-28T09:51:50","modified_gmt":"2022-09-28T07:51:50","slug":"how-to-change-the-background-of-a-section-in-sitebuilder","status":"publish","type":"ht_kb","link":"https:\/\/www.combell.nl\/en\/help\/kb\/how-to-change-the-background-of-a-section-in-sitebuilder\/","title":{"rendered":"How to Change the Background of a Section in SiteBuilder"},"content":{"rendered":"\n<p>In this article, you will learn how to change and set the background of classic sections and also the header sections.<\/p>\n\n\n\n<ol><li>Hover the mouse over the section. The section setting button (gear icon) appears in the upper right corner. Here you can select&nbsp;<strong>Section Background<\/strong>&nbsp;or&nbsp;<strong>Advanced Settings<\/strong>.<br><img decoding=\"async\" class=\"wp-image-19937\" style=\"width: 300px;\" src=\"https:\/\/www.combell.nl\/en\/help\/wp-content\/uploads\/1-wheel-2.jpg\" alt=\"\"><br><\/li><li>Within the Background section, you can select from the recommended backgrounds or use the plus button to select another or upload your own.<br><br><img decoding=\"async\" class=\"wp-image-19938\" style=\"width: 350px;\" src=\"https:\/\/www.combell.nl\/en\/help\/wp-content\/uploads\/helpjuice_production-uploads-upload-image-7272-direct-1617886909555-1617886909555.png\" alt=\"\"><br>Here you can select a background from the gallery or upload your own.<img decoding=\"async\" class=\"wp-image-19940\" style=\"width: 750px;\" src=\"https:\/\/www.combell.nl\/en\/help\/wp-content\/uploads\/helpjuice_production-uploads-upload-image-7272-direct-1617886911427-1617886911427.png\" alt=\"\"><br><\/li><li>In the Advanced settings, you will find the <strong>Content width<\/strong> and <strong>Decorative<\/strong> <strong>border<\/strong> options.<br><img decoding=\"async\" class=\"wp-image-19941\" style=\"width: 400px;\" src=\"https:\/\/www.combell.nl\/en\/help\/wp-content\/uploads\/4-advanced-settings.jpg\" alt=\"\"><br><br><strong><strong>Content width<\/strong><\/strong><br>The width of the content determines the size of the content \u2013 forms, photo galleries \u2013 that is placed within the header.<br><br><strong><strong>Decorative border<\/strong><\/strong><br>This feature activates a dark border around the title, subheading, and caption above the title.<\/li><li>In addition to the classic sections, you can also add heading sections, ie <strong>Heading<\/strong> and <strong>Heading<\/strong> with a button. These sections have more setting options, similar to the page header <em>itself<\/em>.<br><img decoding=\"async\" class=\"wp-image-19942\" style=\"width: 750px;\" src=\"https:\/\/www.combell.nl\/en\/help\/wp-content\/uploads\/helpjuice_production-uploads-upload-image-7272-direct-1617886910306-1617886910306-2.png\" alt=\"\"><br><br>You can also add up to three headings (Heading, Subheading and Title above the heading) and a button, or make&nbsp;<strong>Advanced settings<\/strong>&nbsp;within the section.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.combell.nl\/en\/help\/wp-content\/uploads\/6-heading-and-advanced-settings-1024x373.jpg\" alt=\"\" class=\"wp-image-19944\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-advanced-settings\">Advanced settings<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Content alignment<\/h3>\n\n\n\n<p>Here you can set the content alignment within the page header.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Content width<\/h3>\n\n\n\n<p>The width of the content mainly defines where the content starts. For example, when aligning content to the left, you can set where the headings start.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Minimum height<\/h3>\n\n\n\n<p>This setting determines the size of the header. This setting can be useful if you want to determine how much of the background image should be seen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Decorative border<\/strong><\/h3>\n\n\n\n<p>This feature activates a dark border around the title, subheading, and caption above the title.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>TIP<\/strong>: Page background images cause data traffic. Therefore, if they are exceeded, it can help to choose a smaller image, especially on the front and most visited pages of the site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn how to change and set the background of classic sections and also the header sections. Hover the mouse over the section. The section setting button (gear icon) appears in the upper right corner. Here you can select&nbsp;Section Background&nbsp;or&nbsp;Advanced Settings. Within the Background section, you&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[138,142],"ht-kb-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/ht-kb\/3691"}],"collection":[{"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/comments?post=3691"}],"version-history":[{"count":1,"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/ht-kb\/3691\/revisions"}],"predecessor-version":[{"id":3692,"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/ht-kb\/3691\/revisions\/3692"}],"wp:attachment":[{"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/media?parent=3691"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/ht-kb-category?post=3691"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.combell.nl\/en\/help\/wp-json\/wp\/v2\/ht-kb-tag?post=3691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}