{"id":15625,"date":"2018-09-18T16:29:52","date_gmt":"2018-09-18T20:29:52","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=15625"},"modified":"2020-10-09T16:34:29","modified_gmt":"2020-10-09T20:34:29","slug":"sections","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/page-builder\/sections\/","title":{"rendered":"Working with Sections"},"content":{"rendered":"\n

\"\"<\/p>\n

The BoldGrid Post and Page builder<\/a> uses the Bootstrap grid system to create Sections, Rows, and Columns for you to control your website content. This article will discuss the controls specific to Sections<\/b>. For more information on how the Post and Page Builder works overall, you can read about how to use the Post and Page Builder<\/a>.<\/p>\n

How to Use Sections in the Post and Page Builder<\/h2>\n

The largest containers in the Bootstrap hierarchy are Sections<\/b>, and each section can contain one or more rows<\/a>. BoldGrid makes it easy to use this grid system by adding extra controls that appear on hover, called Drag Handles<\/b> or Popovers<\/b>. Once you click into the section you want to work with, these popovers will appear.<\/p>\n

Sections<\/strong> > Rows > Columns > Elements<\/h3>\n

\"Section<\/a><\/p>\n

Sections are the outermost area.<\/p>\n

To access options that affect the entire section, click the  Black <\/b><\/span> popover found at the bottom of the section. <\/p>\n

The Magnifying Glass<\/b> icon on the left takes you to the Add Block<\/a> screen where you can rearrange the sections on the page by dragging and dropping. You can also add new Blocks to your page from here.<\/p>\n

The right Hamburger Menu<\/b> icon brings up a menu that allows you to perform tasks related specifically to that section, as discussed below.<\/p>\n

<\/div>\n\n\n\n\n\n\n\n\n\n\n\n
Clone<\/th>\nCreates a duplicate of the existing section.<\/td>\n<\/tr>\n
Delete<\/th>\nRemoves the entire section and all its content.<\/td>\n<\/tr>\n
Section Width<\/th>\nChoose between a fixed container or full-width so the content touches the sides of the screen.<\/td>\n<\/tr>\n
Move Up<\/th>\nSwaps the section with the one above it.<\/td>\n<\/tr>\n
Move Down<\/th>\nSwaps the section with the one below it.<\/td>\n<\/tr>\n
Add New<\/th>\nHovering here will give you two options – add a new row to the current section, or add an entirely new section.<\/td>\n<\/tr>\n
Save Block<\/th>\nSaves the section as a Block in your Block Library<\/a>.<\/td>\n<\/tr>\n
Change Background<\/th>\nBrings up the background panel to use a color, image, or pattern.<\/td>\n<\/tr>\n
Advanced Control<\/th>\nAdjust padding, margin, border, animation, and more.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/div>\n

Congratulations!<\/span>
\nNow that you have a better understanding of how to work with Sections on your WordPress website<\/a>, you may want to learn how to work with Rows<\/a>.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"

The BoldGrid Post and Page builder uses the Bootstrap grid system to create Sections, Rows, and Columns for you to control your website content. This article will discuss the controls specific to Sections. For more information on how the Post and Page Builder works overall, you can read about how to use the Post and Page […]<\/p>\n","protected":false},"author":529,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[148],"tags":[],"class_list":["post-15625","post","type-post","status-publish","format-standard","hentry","category-page-builder"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=15625"}],"version-history":[{"count":9,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15625\/revisions"}],"predecessor-version":[{"id":28107,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15625\/revisions\/28107"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}