{"id":131,"date":"2016-01-29T07:22:09","date_gmt":"2016-01-29T07:22:09","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=131"},"modified":"2016-03-13T13:57:32","modified_gmt":"2016-03-13T13:57:32","slug":"how-to-add-a-section","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/layouts\/section\/how-to-add-a-section\/","title":{"rendered":"How to Add a Section"},"content":{"rendered":"<ol>\n<li>On LoftBuilder editor screen, activate the content edit mode.<\/li>\n<li>Click <strong>Layouts<\/strong> button in the main toolbar.<\/li>\n<li>The sub toolbar of Layouts appears, move the cursor on to <strong>Section<\/strong>, hold to drag it onto your page.<\/li>\n<li>Drop it at where you wish to add a new section. A new blank section now appears on the page.<\/li>\n<\/ol>\n<div id=\"attachment_846\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-846\" class=\"wp-image-846 size-full\" src=\"http:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/choose-section.jpg\" alt=\"choose-section\" width=\"1024\" height=\"378\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/choose-section.jpg 1024w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/choose-section-300x111.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/choose-section-768x284.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><p id=\"caption-attachment-846\" class=\"wp-caption-text\">Select Section button in the toolbar and drag.<\/p><\/div>\n<div id=\"attachment_847\" style=\"width: 2269px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-847\" class=\"wp-image-847 size-full\" src=\"http:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-placeholder.png\" alt=\"section-placeholder\" width=\"2259\" height=\"558\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-placeholder.png 2259w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-placeholder-300x74.png 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-placeholder-768x190.png 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-placeholder-1024x253.png 1024w\" sizes=\"auto, (max-width: 2259px) 100vw, 2259px\" \/><p id=\"caption-attachment-847\" class=\"wp-caption-text\">Drag and drop a section to the page. A green box appears when it&#8217;s droppable.<\/p><\/div>\n<p>When a new blank section has been added to a page, it already contains a row and an empty column. Then you can:<\/p>\n<ul>\n<li>Add any module into the column.<\/li>\n<li>Add more columns into the row.<\/li>\n<li>Add more rows into the section.<\/li>\n<li>Change the row&#8217;s settings.<\/li>\n<li>Change the column&#8217;s width or other settings.<\/li>\n<li>Style the section, like adding a background, set height, etc.<\/li>\n<li>Clone, move or delete any row\/column\/module.<\/li>\n<li>Clone, move or delete the whole section.<\/li>\n<\/ul>\n<p>You can add multiple rows into a section, multiple columns into a row, and multiple modules into a column.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On LoftBuilder editor screen, activate the content edit mode. Click Layouts button in the main toolbar. The sub toolbar of Layouts appears, move the cursor on to Section, hold to drag it onto your page. Drop it at where you wish to add a new section. A new blank section now appears on the page. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":129,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-131","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/comments?post=131"}],"version-history":[{"count":8,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/131\/revisions"}],"predecessor-version":[{"id":853,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/131\/revisions\/853"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/129"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/media?parent=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}