{"id":3608,"date":"2023-06-13T16:20:20","date_gmt":"2023-06-13T20:20:20","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2015\/07\/22\/remove-restore-pages\/"},"modified":"2023-06-19T16:58:46","modified_gmt":"2023-06-19T20:58:46","slug":"boldgrid-website-builder","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/","title":{"rendered":"How to Use the BoldGrid Website Builder"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder-1024x538.png\" alt=\"How to Use the BoldGrid Website Builder title image\" class=\"wp-image-105248\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The BoldGrid <a href=\"\/wordpress-website-builder\">Website Builder<\/a> helps you take your WordPress site to the next level. You can\u00a0 easily change the look and style of your website with the visual drag and drop editor. Quickly add engaging content ideas for your specific industry to draw more visitors and engagement. There\u2019s no need to know website coding, but you still have the ability if you want to.<\/p>\n\n\n\n<p>This is just the beginning of the possibilities. So, follow along and learn how to use the BoldGrid Website Builder to create the perfect online presence for you.\u00a0<\/p>\n\n\n\n<p>You must <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/beginner-guide-boldgrid\/\">install BoldGrid<\/a> before you can follow this guide.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what\">What Can I Do with the BoldGrid Website Builder?<\/a><\/li>\n\n\n\n<li><a href=\"#create-page\">How to Create Pages<\/a><\/li>\n\n\n\n<li><a href=\"#edit-page\">How to Edit Pages<\/a><\/li>\n\n\n\n<li><a href=\"#delete-pages\">How To Delete &amp; Restore Pages<\/a><\/li>\n\n\n\n<li><a href=\"#layout\">Adding a Layout Block<\/a><\/li>\n\n\n\n<li><a href=\"#section\">Adding Sections<\/a><\/li>\n\n\n\n<li><a href=\"#slider\">Adding Sliders<\/a><\/li>\n\n\n\n<li><a href=\"#blocks\">How to Reuse and Save Blocks<\/a><\/li>\n\n\n\n<li><a href=\"#image\">Add and Replace Images On Your Pages<\/a><\/li>\n\n\n\n<li><a href=\"#parallax\">How to Create the Parallax Effect<\/a><\/li>\n\n\n\n<li><a href=\"#widget\">How to Add Widgets<\/a><\/li>\n\n\n\n<li><a href=\"#blog\">How to Add a Blog to Your Site<\/a><\/li>\n\n\n\n<li><a href=\"#editor\">How to Set the Default Editor<\/a><\/li>\n<\/ul>\n\n\n<div class=\"jumbotron\">\r\n<p>Build a WordPress site fast with a hosting plan that includes a visual drag-and-drop <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-website-builder\">website builder<\/a>, free domain, and hundreds of design templates.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Free Templates    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Fast &amp; Easy Transfers    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Free SSL    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Endless Customization    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Affordable<\/p>\r\n<p><a class=\"btn btn-primary btn-lg\" href=\"https:\/\/www.inmotionhosting.com\/wordpress-website-builder\">WordPress Website Builder<\/a><\/p>\r\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what\">What Can I Do with the BoldGrid Website Builder?<\/h2>\n\n\n\n<p>When you have great content on your website, organizing and displaying it appropriately will take it to the next level. With the BoldGrid Post and Page Builder, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Organize Content<\/strong> \u2013 you can do this by sections, rows, columns, and elements to fully customize the way it\u2019s organized. By selecting the Edit button, you will see various tasks you can complete with your content, including cloning, deleting, toggling the width of a section, moving the text up or down, adding an empty section, changing the background, and more.<\/li>\n\n\n\n<li><strong>Add\/Move Sections<\/strong> \u2013 entire sections of content can be added or moved to another location easily. Use either the Section Toolbar Drag Button or the Section Edit Menu to do this until you have all of your content exactly where you want it.<\/li>\n\n\n\n<li><strong>Add Images <\/strong>\u2013 you can search for stock images to purchase or browse photos from your computer and add them to your website. Inserting an image is simple and you can place it wherever it is appropriate and make adjustments as needed.<\/li>\n<\/ul>\n\n\n\n<p>If you create a Post or Page in WordPress, you will notice that the interface that appears with your post or page may include a few options that you do not want to include with your content. Posts or Pages in BoldGrid allow you to select these options through tabs at the top of the screen. You can select Editor and Screen Options.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Editor<\/h3>\n\n\n\n<p>WordPress now incorporates the post and page editor called Gutenberg. This editor is default with all WordPress installations. The editor option in BoldGrid gives you the option to use the Post and Page Builder editor, the new WordPress Editor (Gutenberg), and the Classic Editor (the old WordPress editor).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Screen Options<\/h3>\n\n\n\n<p>The screen options list the different options about your post or page. See the table below for a description of each option.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Option<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>Page Attributes<\/td><td>These options appear on the right hand side of the page and include the option to set a parent, template, and order.<\/td><\/tr><tr><td>Featured Image<\/td><td>You can set an image specifically for the post (but not actually in the post body).<\/td><\/tr><tr><td>Easy SEO<\/td><td>SEO tool built into BoldGrid which appears at the bottom of the page.<\/td><\/tr><tr><td>Custom Fields<\/td><td>Custom fields allow you to add extra metadata that can have a variety of uses and values. For example, you can create a page ID number used to identify the page in a different manner so that it can be referenced from another part of your website.<\/td><\/tr><tr><td><strong>Discussion<\/strong><\/td><td><\/td><\/tr><tr><td>Comments<\/td><td>Comments allow people to interact with your post. Make sure to implement some type of security if you want to avoid comment spam.<\/td><\/tr><tr><td>Slug<\/td><td>A slug allows you to provide a custom ending to the URL so that it can be more easily remembered<\/td><\/tr><tr><td>Author<\/td><td>This option allows you to designate the author of the post or page.<\/td><\/tr><tr><td><strong>Layout<\/strong><\/td><td><\/td><\/tr><tr><td>Columns<\/td><td>You can select one or two columns for the layout of your post or page<\/td><\/tr><tr><td>Additional Settings<\/td><td>Provides the option to enable a full-height editing display that they call \u201cdistraction-free.\u201d<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-page\">How to Create Pages<\/h2>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click on the <strong>Pages<\/strong> option from the left-hand menu.<\/li>\n\n\n\n<li>Next, click on the <strong>Add New<\/strong> option.<\/li>\n\n\n\n<li>Once the blank page comes up you will want to add a <strong>Title<\/strong>.<\/li>\n\n\n\n<li>To begin adding BoldGrid layouts, click on the <strong>Add Block<\/strong> button.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"178\" class=\"wp-image-67720\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-block.png\" alt=\"Add BoldGrid Block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-block.png 925w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-block-300x71.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-block-768x182.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>On the right sidebar, you will see the available blocks. Scroll down until you find one that you want to use.<\/li>\n\n\n\n<li>Click the <strong>Add to Page<\/strong> button, or simply drag the block onto the left panel.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"380\" class=\"wp-image-67719\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-to-page.png\" alt=\"Add Block to Page\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-to-page.png 1653w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-to-page-300x152.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-to-page-1024x519.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-to-page-768x389.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-to-page-1536x779.png 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>After adding the blocks you want to use, click the <strong>blue check box<\/strong> on the top right to accept the changes.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"419\" class=\"wp-image-67718\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/accept-block.png\" alt=\"Save Block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/accept-block.png 858w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/accept-block-300x167.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/accept-block-768x429.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>From here you can edit the page using the drag handles and their options.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"221\" class=\"wp-image-67717\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/drag-handles.png\" alt=\"Drag handle tools\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/drag-handles.png 1104w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/drag-handles-300x89.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/drag-handles-1024x302.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/drag-handles-768x227.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>After you have added your content click the <strong>Publish<\/strong> or <strong>Save Draft<\/strong> button.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit-page\">How to Edit Pages<\/h2>\n\n\n\n<p>When you <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/beginner-guide-boldgrid\/\">choose an Inspiration<\/a> in BoldGrid, the site will be full of sample data. You will naturally want to edit the content to reflect your own purpose, whether it is an informational site or a business site. We will now show you how to edit your pages using the BoldGrid Website Builder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Opening the BoldGrid Post and Page Builder<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your site\u2019s admin Dashboard<\/a>.<\/li>\n\n\n\n<li>Next, click on the <strong>Pages<\/strong> option from the left-hand sidebar.<\/li>\n\n\n\n<li>From the Pages list screen, find the page you want to work with, hover over it, and click on the Edit option.<\/li>\n\n\n\n<li>Be sure you are in the <strong>Visual<\/strong> mode and not the <em>Text<\/em> mode. You can change the mode in the upper right corner of the BoldGrid Post and Page Builder area.<\/li>\n<\/ol>\n\n\n\n<p>From here, we will demonstrate how to edit columns, rows, or specific elements within a column-row.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Working with Columns<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Open the BoldGrid Post and Page Builder as described above.<\/li>\n\n\n\n<li>Place your mouse cursor into the column you wish to edit. You will see a blue drag handle appear at the top of the current column.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"477\" class=\"wp-image-14052\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-move.png\" alt=\"Edit Column\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-move.png 918w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-move-300x191.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-move-768x489.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>To move the column, click and hold on the directional button of the drag handle. Then, drag your column to the desired location on the page.<\/li>\n\n\n\n<li>If you wish to edit the specific content of the column, click the modify button of the blue drag handle.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"482\" class=\"wp-image-14053\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-edit-column.png\" alt=\"Edit Column\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-edit-column.png 767w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-edit-column-300x193.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br>This will present a menu with the following options:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Insert Media<\/strong><\/td><td>Takes you to the Insert Media page to add images and other content.<\/td><\/tr><tr><td><strong>Clone<\/strong><\/td><td>Creates a new column to the right of the current one with exactly the same data.<\/td><\/tr><tr><td><strong>Clear Contents<\/strong><\/td><td>Deletes the contents of the current column, leaving it blank.<\/td><\/tr><tr><td><strong>Delete<\/strong><\/td><td>Delete the current row and all its contents.<\/td><\/tr><tr><td><strong>Add Form<\/strong><\/td><td>Allows you to add a form to your column.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Working With Rows<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>First open the BoldGrid Post and Page Builder as described above.<\/li>\n\n\n\n<li>Hover into the row you wish to edit. You will see a yellow drag handle appear on the right side of the row.<\/li>\n\n\n\n<li>To move the row, click and hold on the directional button. Then, drag your row up or down the page.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"382\" class=\"wp-image-14054\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-move-row.png\" alt=\"Moving a Row\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-move-row.png 788w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-move-row-300x153.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-move-row-768x391.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>If you wish to edit the specific content of the row, click the edit button of the yellow drag handle.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"921\" class=\"wp-image-14055\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_7-row-menu.png\" alt=\"Editing a Row\"><br>This will present a menu allowing you various options.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Insert Layout<\/strong><\/td><td>Allows you to select from a pre-made layout and insert it above the current row.<\/td><\/tr><tr><td><strong>Add Empty Row<\/strong><\/td><td>Adds a new row with no content above the current row.<\/td><\/tr><tr><td><strong>Add Column<\/strong><\/td><td>Adds a new column within the current row.<\/td><\/tr><tr><td><strong>Nest Row<\/strong><\/td><td>Select the current row to be nested.<\/td><\/tr><tr><td><strong>Clone<\/strong><\/td><td>Creates a new row above the current one with exactly the same data.<\/td><\/tr><tr><td><strong>Clear Contents<\/strong><\/td><td>Deletes the contents of the current row, leaving it blank.<\/td><\/tr><tr><td><strong>Delete<\/strong><\/td><td>Delete the current row and all its contents.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Working with Elements<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Open the BoldGrid Post and Page Builder as described above.<\/li>\n\n\n\n<li>Place your mouse cursor over the element you wish to edit. You will see a red drag handle appear to the left of the current column.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"380\" class=\"wp-image-14056\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_8-content-drag-handle.png\" alt=\"Element Drag handles\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_8-content-drag-handle.png 1591w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_8-content-drag-handle-300x152.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_8-content-drag-handle-768x389.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_8-content-drag-handle-1024x519.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>To move the element, click and hold on the <strong>directional<\/strong> button of the drag handle. Then, drag the element to the desired location on the page.<\/li>\n\n\n\n<li>Clicking the <strong>Edit<\/strong> button of the blue drag handle will bring up a menu with the following options:<br><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Clone<\/strong><\/td><td>Creates a new element underneath the current one exactly the same data.<\/td><\/tr><tr><td><strong>Delete<\/strong><\/td><td>Deletes the current element and all its contents.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Text Elements<\/strong><\/p>\n\n\n\n<p>Elements with text in them are the simplest to work with if you want to directly edit the content. Double-click on the element and your cursor will appear.<\/p>\n\n\n\n<p>You can then add or delete text in the element.<\/p>\n\n\n\n<p><strong>Image Elements<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"72\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-image-edit.png\" alt=\"Image Elements\" class=\"wp-image-14057\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-image-edit.png 329w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/08\/boldgrid_edit-pages_boldgrid-image-edit-300x66.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Image Elements are a bit different than text elements when editing. Double-clicking the element brings up a menu at the top displaying the following options:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Align Left<\/strong><\/td><td>Aligns the image to the left side of the element.<\/td><\/tr><tr><td><strong>Align Center<\/strong><\/td><td>Aligns the image to the center of the element.<\/td><\/tr><tr><td><strong>Align Right<\/strong><\/td><td>Aligns the image to the right of the element.<\/td><\/tr><tr><td><strong>No Alignment<\/strong><\/td><td>Uses the default alignment.<\/td><\/tr><tr><td><strong>Add Media<\/strong><\/td><td>Opens the page to add new media to the element.<\/td><\/tr><tr><td><strong>Edit<\/strong><\/td><td>Opens the page for the settings of the image.<\/td><\/tr><tr><td><strong>Remove<\/strong><\/td><td>Deletes the image from the element.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"delete-pages\">How To Delete &amp; Restore Pages<\/h2>\n\n\n\n<p>When working with your WordPress site in BoldGrid, you may eventually decide you do not need one or more pages. Here we demonstrate how to remove pages from your site as well as restoring any you may have removed by mistake.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Deleting a Page<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Using the left-hand side menu click on the <strong>Pages<\/strong> option.<\/li>\n\n\n\n<li>Now look to the right-hand panel and locate the page you want to remove. Hover above the page and you will see a small menu of options appear underneath. Click on the <strong>Trash<\/strong> option to remove the page from your site.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"318\" class=\"wp-image-67716\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/trash-page.png\" alt=\"Send Page to Trash\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/trash-page.png 698w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/trash-page-300x127.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Restoring a Page From the Trash<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Using the left-hand side menu click on the Pages option.<\/li>\n\n\n\n<li>Now look to the right-hand panel and click on the <strong>Trash<\/strong> link that is located at the top of the page list. This displays the list of all the pages that are in the Trash.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"383\" class=\"wp-image-67715\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/access-trash.png\" alt=\"View Trash\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/access-trash.png 611w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/access-trash-300x153.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Hover over the page you wish to add back to your site and click on <strong>Restore<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"355\" class=\"wp-image-67714\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/restore-page.png\" alt=\"Restore Page from Trash\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/restore-page.png 765w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/restore-page-300x142.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"layout\">Adding a Layout Block<\/h2>\n\n\n\n<p>BoldGrid Post and Page Builder makes customizing content sections easier with its new Layout block option. Below we cover how to add a layout block using BoldGrid Post and Page Builder.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Create or edit a post or page.<\/li>\n\n\n\n<li>Press the <strong>+<\/strong> button in the visual editor to <em>Add Block Component<\/em>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"184\" class=\"wp-image-67725\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component.png\" alt=\"Adding a Block Component\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component.png 1511w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-300x74.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1024x251.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-768x189.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on <strong>Layout<\/strong> in the <em>Add Block Component<\/em> menu.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"540\" class=\"wp-image-67726\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout.png\" alt=\"BoldGrid Website Builder Layout  Block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout.png 923w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-300x216.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-768x552.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click a layout option to preview it.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"548\" class=\"wp-image-67727\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu.png\" alt=\"Layout Menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu.png 923w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu-300x219.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu-768x561.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Once you decide on a layout preview to use, press <strong>X<\/strong> to close the Insert Layout menu.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"426\" class=\"wp-image-67728\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu-three-vertical.png\" alt=\"Layout Menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu-three-vertical.png 1358w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu-three-vertical-300x171.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu-three-vertical-1024x582.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-layout-menu-three-vertical-768x437.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Edit the post or page as desired.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"section\">Adding Sections<\/h2>\n\n\n\n<p>Being able to separate a page into multiple sections makes editing content easier without affecting anything else. Below we cover how to add and edit a section with the BoldGrid Website Builder.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Create or edit a post or page.<\/li>\n\n\n\n<li>Press + to add a block component.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"184\" class=\"wp-image-67729\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1.png\" alt=\"Add Block Component\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1.png 1511w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1-300x74.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1-1024x251.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1-768x189.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Add a<strong> New Section<\/strong> from the menu as many times as you need sections.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"599\" class=\"wp-image-67730\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-new-section.png\" alt=\"New Section Block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-new-section.png 808w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-new-section-300x239.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-new-section-768x613.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click the <strong>X<\/strong> to close the menu after adding sections.<\/li>\n\n\n\n<li>You can then edit the section and page as desired.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"285\" class=\"wp-image-67731\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-section-blank.png\" alt=\"Edit Section\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-section-blank.png 1106w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-section-blank-300x114.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-section-blank-1024x389.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-section-blank-768x292.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"slider\">Adding Sliders<\/h2>\n\n\n\n<p>There are two types of sliders \u2013 Content and Section. Section sliders have unique background and section elements per slide while Content sliders keep the same background. Below we cover how to add and edit a slider with the BoldGrid Website Builder.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Create or edit a post or page.<\/li>\n\n\n\n<li>Press <strong>+<\/strong> to add a block component.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"184\" class=\"wp-image-67725\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component.png\" alt=\"Adding a Block Component\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component.png 1511w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-300x74.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1024x251.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-768x189.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on<strong> Content Slider<\/strong> or<strong> Section Slider<\/strong>, under the <em>Design<\/em> section.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"908\" class=\"wp-image-67733\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-sliders-content-section.png\" alt=\"Sliders Content\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-sliders-content-section.png 621w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-sliders-content-section-248x300.png 248w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Edit the section then click the buttons at its center bottom to edit the next section.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"298\" class=\"wp-image-67734\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-example-1.png\" alt=\"Block Handles\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-example-1.png 1167w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-example-1-300x119.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-example-1-1024x406.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-example-1-768x305.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click the slider icon at the top center to customize the whole slider section.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"162\" class=\"wp-image-67735\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-button.png\" alt=\"Image Slider Button\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-button.png 450w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-button-300x65.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br>You\u2019ll see options to edit the <strong>autoplay<\/strong>, <strong>loop<\/strong>, and <strong>navigation<\/strong> options.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"367\" class=\"wp-image-67736\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-button-options.png\" alt=\"Slider Options\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-button-options.png 1156w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-button-options-300x147.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-button-options-1024x500.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-slider-button-options-768x375.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blocks\">How to Reuse and Save Blocks<\/h2>\n\n\n\n<p>Below we cover how to reuse and save blocks with BoldGrid Post and Page Builder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Find Recently Used Blocks<\/h3>\n\n\n\n<p>The ability to quickly find used blocks can be helpful when needing to duplicate blocks across multiple pages.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Create or edit a post or page.<\/li>\n\n\n\n<li>Press + to add a block component.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"184\" class=\"wp-image-67729\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1.png\" alt=\"Add Block Component\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1.png 1511w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1-300x74.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1-1024x251.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-1-768x189.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Select Block from the menu.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"339\" class=\"wp-image-67747\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-block.png\" alt=\"Select Block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-block.png 843w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-block-300x136.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-block-768x347.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Press<strong> Add to Page<\/strong> over a block. <br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"350\" class=\"wp-image-67746\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-1.png\" alt=\"Add Block to Page\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-1.png 1510w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-1-300x140.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-1-1024x478.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-1-768x359.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br>It will show on the left where you can drag to your preference.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"343\" class=\"wp-image-67745\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-2.png\" alt=\"Add Block to Page Location\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-2.png 1510w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-2-300x137.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-2-1024x468.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-to-page-2-768x351.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>When you reopen the Block section, select Used Blocks from the drop-down menu to view recently used blocks.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"533\" class=\"wp-image-67744\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-used-blocks.png\" alt=\"Select Used Blocks\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-used-blocks.png 754w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-used-blocks-300x213.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Save Blocks<\/h3>\n\n\n\n<p>Saving blocks makes them easier to find for future use. You can save blocks within the Add Block Component section and visual editor.<\/p>\n\n\n\n<p><strong>Save Blocks from Block Listing<\/strong><\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>While editing a post or page, click the <strong>+<\/strong> on the top then the <strong>Block<\/strong> option. You can also click the <strong>Add Block<\/strong> button.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"176\" class=\"wp-image-67713\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/save-block.png\" alt=\"Save BoldGrid Block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/save-block.png 870w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/save-block-300x70.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/save-block-768x180.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>With the Block listing open, select the \u2665 icon on the lower-right corner of a block.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"275\" class=\"wp-image-67743\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block.png\" alt=\"Add Block to Favorites\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block.png 1508w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-300x110.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-1024x376.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-768x282.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Name the block and press <strong>Save<\/strong>. <br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"236\" class=\"wp-image-67742\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-name.png\" alt=\"Save Block to Your Library\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-name.png 1510w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-name-300x94.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-name-1024x322.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-name-768x242.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br>You\u2019ll be notified the block has been saved.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"538\" class=\"wp-image-67741\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-saved-block.png\" alt=\"Block Saved\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-saved-block.png 602w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-saved-block-300x215.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Save Blocks from Visual Editor<\/strong><\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Select the <strong>Edit Section<\/strong> button at the bottom.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"470\" class=\"wp-image-67740\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-edit-section.png\" alt=\"Edit Section\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-edit-section.png 1118w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-edit-section-300x188.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-edit-section-1024x642.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-edit-section-768x482.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Select <strong>Save Block<\/strong> from the menu.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"407\" class=\"wp-image-67739\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor.png\" alt=\"Save Block from Menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor.png 1119w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor-300x163.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor-1024x555.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor-768x417.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Name your new custom block and press <strong>Save<\/strong>. <br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"459\" class=\"wp-image-67738\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor-name.png\" alt=\"Save Block to Library\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor-name.png 1112w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor-name-300x183.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor-name-1024x626.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-save-block-editor-name-768x470.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br>You\u2019ll be notified the block has been saved.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"538\" class=\"wp-image-67737\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-saved-block-1.png\" alt=\"Block has Been Saved\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-saved-block-1.png 602w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-saved-block-1-300x215.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<p>You can view saved blocks from the <strong>Block Library<\/strong> under <em>Post and Page Builder<\/em><strong> <\/strong>or the <strong>Block Library<\/strong> listing section under <em>Block Library<\/em> in the drop-down menu.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"image\">Add and Replace Images On Your Pages<\/h2>\n\n\n\n<p>Images can easily be replaced within your Pages using the BoldGrid interface. Follow the steps below to either add, remove or change images that you want to use with your BoldGrid site.<\/p>\n\n\n\n<p>You can select to use water-marked images if you wish to use the free images, or you can elect to use your BoldGrid coins to pay for the images you wish to use.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click on <strong>Pages<\/strong> in the menu at left in order to see pages created for your site.<\/li>\n\n\n\n<li>Hover over the page title in the table, and you will see a menu appear. Click on <strong>Edit<\/strong> in order to proceed with editing the page.<\/li>\n\n\n\n<li>Scan over the page that is provided and click on the image you wish to replace. When you click on an image, you will see a menu appear above the image.\u00a0<\/li>\n\n\n\n<li>Click the <strong>Change<\/strong> option, it has a camera and music note logo.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"447\" class=\"wp-image-67712\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/change-image.png\" alt=\"Change Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/change-image.png 666w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/change-image-300x179.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>You can then <strong>Upload<\/strong> a new image, click the <strong>Media Library<\/strong> tab to choose from images included with your theme, or click the <strong>BoldGrid Connect Search<\/strong> to look for a new image.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"457\" class=\"wp-image-67711\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/replace-image.png\" alt=\"Replacing Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/replace-image.png 743w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/replace-image-300x183.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>If you uploaded an image or chose one from the media library, click the <strong>Replace<\/strong> button to save. If you used the <em>BoldGrid Connect Search<\/em> option, click the <strong>Download and Insert into page<\/strong> button.<\/li>\n\n\n\n<li>When you are satisfied with the pictures in your page, click on <strong>Update<\/strong> to save your changes.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"parallax\">How to Create the Parallax Effect<\/h2>\n\n\n\n<p>The parallax effect is an effect used within websites to create the illusion of depth. It is created when a foreground image moves a little faster than a background image. It can involve a few images or several. The following tutorial will show you how to create the parallax effect using the BoldGrid plug-in within the latest version of WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Setting Up the New Page<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click on the <strong>Pages<\/strong> link in the navigation menu.<\/li>\n\n\n\n<li>Click on <strong>Add New<\/strong>.<\/li>\n\n\n\n<li>Enter a <strong>Title<\/strong> then click the <strong>Blank Page<\/strong> button.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Setting Up the Background Images used in the Parallax Effect<\/h3>\n\n\n\n<p>Now that you have created the page where the parallax effect will be set, you can choose the images that will be used in the background.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Move the mouse pointer toward the center of the blank page and click on the three-bar menu (called Edit Section) that appears.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"431\" class=\"wp-image-67763\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_click-3-bar-menu.png\" alt=\"Three Bar Menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_click-3-bar-menu.png 1160w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_click-3-bar-menu-300x172.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_click-3-bar-menu-1024x588.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_click-3-bar-menu-768x441.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on<strong> Change Background<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"435\" class=\"wp-image-67762\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_change-background.png\" alt=\"Change Background\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_change-background.png 628w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_change-background-300x174.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on <strong>Image<\/strong> to select or add an image for the background.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"414\" class=\"wp-image-67761\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background.png\" alt=\"Select Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background.png 1266w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background-300x165.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background-1024x565.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background-768x423.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on Image to select or add an image for the background. When you have selected an image, you will see it appear on the blank section you have added.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"654\" class=\"wp-image-67760\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_pick-background-image.png\" alt=\"Select Background Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_pick-background-image.png 526w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_pick-background-image-300x262.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Once you have selected your image, click on <strong>Settings<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"380\" class=\"wp-image-67759\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background-settings.png\" alt=\"Image Settings\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background-settings.png 1338w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background-settings-300x152.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background-settings-1024x519.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_section-background-settings-768x389.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on <strong>Parallax<\/strong> under the<em> Scroll Effects<\/em> section. Notice that you can also adjust the vertical position of the image in this location.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"1515\" class=\"wp-image-67758\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_scroll-effect-parallax.png\" alt=\"Select Parallax Option\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_scroll-effect-parallax.png 299w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_scroll-effect-parallax-149x300.png 149w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on the <strong>X<\/strong> on the top right corner of the image in order to add the image.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"429\" class=\"wp-image-67757\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_close-section-background.png\" alt=\"Choose Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_close-section-background.png 1122w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_close-section-background-300x172.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_close-section-background-1024x586.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_close-section-background-768x439.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>If necessary, take your mouse to the right side of the image and go to the top or bottom of the image. You will see arrows that allow you to adjust the size of the image.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"340\" class=\"wp-image-67756\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_widen-background-image.png\" alt=\"Adjust Image Size\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_widen-background-image.png 1398w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_widen-background-image-300x136.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_widen-background-image-1024x464.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_widen-background-image-768x348.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>As a minimum, you can have a single image set to use the parallax effect, but for this tutorial, we will set two. You can repeat these steps to add more images. Hover over the bottom middle of the image you added and click on the <em>Edit Section<\/em> menu that appears. It looks like 3 lines.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"368\" class=\"wp-image-67755\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_open-section-edit-again.png\" alt=\"Edit Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_open-section-edit-again.png 745w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_open-section-edit-again-300x147.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on <strong>Add New<\/strong> then <strong>Add Section.<\/strong> This will add a section where the next background image can be placed. You can widen the section in the same way you widened images as we described in an earlier step.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"313\" class=\"wp-image-67710\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-section.png\" alt=\"Add New Section\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-section.png 889w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-section-300x125.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/add-section-768x321.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>As per the steps earlier, hover over the bottom section and open the <em>Edit Section<\/em> menu again. Click on <strong>Change Background<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"368\" class=\"wp-image-67753\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_change-background-2.png\" alt=\"Change Image Background\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_change-background-2.png 745w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_change-background-2-300x147.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on <strong>Image<\/strong> to add a second background image.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"337\" class=\"wp-image-67752\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_select-2nd-background.png\" alt=\"Add Second Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_select-2nd-background.png 1220w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_select-2nd-background-300x135.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_select-2nd-background-1024x460.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_select-2nd-background-768x345.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on <strong>Settings<\/strong> in order to set the parallax effect. If needed, adjust the position and width of the image as indicated earlier.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"1515\" class=\"wp-image-67751\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_scroll-effect-parallax-1.png\" alt=\"Change Image Position and Width\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_scroll-effect-parallax-1.png 299w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_scroll-effect-parallax-1-149x300.png 149w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on the <strong>X<\/strong> to close the section editor once you\u2019re satisfied with your changes.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Setting up the Block<\/h3>\n\n\n\n<p>The two images set in the steps above make up the background of the parallax effect. The last part to be added is where web content that you wish to show to your users will be located. It will be in the foreground as you scroll up or down on the page.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>At the top of the editor you will see a button for <strong>Add Block<\/strong>. Click on it and you will see the Blocks that you can add within the empty section you just added. You can click and drag them into position. Select a Block and then drag it into place on the left side of the screen. When you have finished selecting and placing the Block of your choice, click on the <strong>X<\/strong> in the top right corner to close the Block selection window.<\/li>\n\n\n\n<li>At this point you can edit the content of the Block as needed. You can also change the image being used.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"524\" class=\"wp-image-67749\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_edit-gridblock.png\" alt=\"Edit Block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_edit-gridblock.png 687w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_edit-gridblock-300x210.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>When you have completed making the edits to your Block, click on <strong>Publish<\/strong> or <strong>Save Draft<\/strong>. Remember that if you use Publish, it will make the page immediately available on your WordPress site. If you have already selected the Publish button, then you will see a button labeled <strong>Update<\/strong> that you need to click on in order to save your changes.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"396\" class=\"wp-image-67748\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_publish-update.png\" alt=\"Publish Page\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_publish-update.png 1426w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_publish-update-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_publish-update-1024x540.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/parallax-imh_publish-update-768x405.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"widget\">How to Add Widgets<\/h2>\n\n\n\n<p>Below we cover how to add widgets to BoldGrid posts and pages as a block component.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Edit or create a post\/page.<\/li>\n\n\n\n<li>Press the <strong>+<\/strong> button in the visual editor to <em>Add Block Component<\/em>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"184\" class=\"wp-image-67765\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-2.png\" alt=\"Add Block Component\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-2.png 1511w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-2-300x74.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-2-1024x251.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-2-768x189.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Scroll to the bottom of the menu to view available widgets and select the <strong>+<\/strong> on the upper-right of a widget to add it. Rearrange widgets in the menu with the arrow icon in the upper-left corner.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"379\" class=\"wp-image-67764\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-widget.png\" alt=\"Add Widget\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-widget.png 1343w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-widget-300x152.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-widget-1024x518.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-add-block-component-widget-768x388.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><strong>Options under Widgets include:<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td>Akismet Widget<\/td><td>Archives<\/td><td>Calendar<\/td><\/tr><tr><td>Categories<\/td><td>Meta<\/td><td>Navigation Menu<\/td><\/tr><tr><td>Pages<\/td><td>RSS<\/td><td>Recent Comments<\/td><\/tr><tr><td>Recent Posts<\/td><td>Search<\/td><td>Tag Cloud<\/td><\/tr><tr><td>WPForms<\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Note: Available options depend on your installed plugins.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blog\">How to Add a Blog to Your Site<\/h2>\n\n\n\n<p>BoldGrid inspirations are fully created websites that include several sections normally found in common industry sites. However, it\u2019s been noted that the blog section may not always be visible in the menu depending on the theme. We will now show you how to add a link to your Blog to the menu of your WordPress site.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Notice if there is an entry called <em>Blog Posts<\/em> in the menu at left. If the website design was created without a blog section, we can quickly add one by clicking on <strong>Pages<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"294\" class=\"wp-image-67767\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-blog-posts-menu.jpg\" alt=\"BoldGrid Posts\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-blog-posts-menu.jpg 1353w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-blog-posts-menu-300x118.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-blog-posts-menu-1024x401.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-blog-posts-menu-768x301.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>In Pages, click on <strong>Add New<\/strong>. Type in \u201cBlog\u201d for the <em>Page title<\/em>. Scroll down on the right and make sure the page has the right Parent or Template. Typically, if it\u2019s a page on its own, then it will be \u201cno parent\u201d.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"351\" class=\"wp-image-67766\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-create-blog-page.jpg\" alt=\"Create Blog Page\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-create-blog-page.jpg 1404w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-create-blog-page-300x140.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-create-blog-page-1024x479.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-create-blog-page-768x359.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on <strong>Publish<\/strong>.<\/li>\n\n\n\n<li>Once the page is saved, click on <strong>Customize<\/strong> in the menu at left, then click on <strong>Menus<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"385\" class=\"wp-image-67709\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/menus.png\" alt=\"Access Menus\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/menus.png 984w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/menus-300x154.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/menus-768x394.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on your main menu structure \u2013 here it is called <strong>Primary<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"268\" class=\"wp-image-67708\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/primary-menu.png\" alt=\"Access Primary Menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/primary-menu.png 959w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/primary-menu-300x107.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/primary-menu-768x275.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click on the <strong>Add Items<\/strong> button.<\/li>\n\n\n\n<li>Click on <strong>Pages<\/strong>, then click on the <strong>Blog<\/strong> page that you created. This will add the entry to the bottom of your menu at left.<\/li>\n\n\n\n<li>If you wish to re-order the menu, simply click and drag until you have the menu in the correct position.<\/li>\n\n\n\n<li>Click on the <strong>Publish<\/strong> button at the top to save your changes. You will now see the Blog option in your menu.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editor\">How to Set the Default Editor<\/h2>\n\n\n\n<p>With <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\">WordPress implementing Gutenberg in version 5.0<\/a>, you may prefer to specify your preferred editor for editing posts, pages, and block libraries. The option to use the older WordPress editor may only be available if it is loaded. You can <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">load the Classic WordPress editor<\/a> as a plugin. Below we cover how to set your default editor and change it manually.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Set Default Editor<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click <strong>Post and Page Builder<\/strong> then <strong>Settings<\/strong> in your navigation menu.<\/li>\n\n\n\n<li>You can then set your preference for the posts, pages, and custom post types. Available options are:<br>Post and Page Builder, WordPress Editor (Gutenberg), Classic Editor, and Default (allow your WordPress site and plugins to set the editor).<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"511\" class=\"wp-image-67768\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-change-default-editors-options.png\" alt=\"Choose Default Editor\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-change-default-editors-options.png 587w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-change-default-editors-options-300x204.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Press <strong>Submit<\/strong> after choosing your default editors.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Change Editor for a Specific Page or Post<\/h3>\n\n\n\n<p>You may only need to change the editor temporarily to access a particular feature such as one added to the classic editor via WordPress plugin.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Create or edit a page\/post.<\/li>\n\n\n\n<li>Click the <strong>Editor<\/strong> drop-down menu on the upper right corner beside Screen Options.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"252\" class=\"wp-image-67770\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-change-editor.png\" alt=\"Choose Page Editor\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-change-editor.png 682w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/01\/boldgrid-post-and-page-builder-change-editor-300x101.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<p>Now you know how to use the BoldGrid Website Builder to create and edit your WordPress website. Check out the InMotion Hosting <a href=\"https:\/\/www.inmotionhosting.com\/support\/\">Support Center<\/a> for the latest articles on how to make your site succeed.<\/p>\n\n\n<p>Looking for more guides? We have over 400 <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/wordpress-how-to-articles\/\">WordPress How To Articles<\/a> to help you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The BoldGrid Website Builder helps you take your WordPress site to the next level. You can\u00a0 easily change the look and style of your website with the visual drag and drop editor. Quickly add engaging content ideas for your specific industry to draw more visitors and engagement. There\u2019s no need to know website coding, but<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/\"> Read More ><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[525],"tags":[],"class_list":["post-3608","post","type-post","status-publish","format-standard","hentry","category-boldgrid"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use the BoldGrid Website Builder for a WordPress Site<\/title>\n<meta name=\"description\" content=\"Need to remove a page you no longer need? Need to restore a page you removed by mistake? Learn how to do just that in this BoldGrid tutorial.\" \/>\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.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the BoldGrid Website Builder for a WordPress Site\" \/>\n<meta property=\"og:description\" content=\"Need to remove a page you no longer need? Need to restore a page you removed by mistake? Learn how to do just that in this BoldGrid tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-13T20:20:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-19T20:58:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Use-the-BoldGrid-Website-Builder.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"30 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5fbfcaed32a2672fb83ab312f5b7237b\"},\"headline\":\"How to Use the BoldGrid Website Builder\",\"datePublished\":\"2023-06-13T20:20:20+00:00\",\"dateModified\":\"2023-06-19T20:58:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/\"},\"wordCount\":3786,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder-1024x538.png\",\"articleSection\":[\"BoldGrid\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/\",\"name\":\"How to Use the BoldGrid Website Builder for a WordPress Site\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder-1024x538.png\",\"datePublished\":\"2023-06-13T20:20:20+00:00\",\"dateModified\":\"2023-06-19T20:58:46+00:00\",\"description\":\"Need to remove a page you no longer need? Need to restore a page you removed by mistake? Learn how to do just that in this BoldGrid tutorial.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use the BoldGrid Website Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5fbfcaed32a2672fb83ab312f5b7237b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/john-paul\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use the BoldGrid Website Builder for a WordPress Site","description":"Need to remove a page you no longer need? Need to restore a page you removed by mistake? Learn how to do just that in this BoldGrid tutorial.","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.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the BoldGrid Website Builder for a WordPress Site","og_description":"Need to remove a page you no longer need? Need to restore a page you removed by mistake? Learn how to do just that in this BoldGrid tutorial.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2023-06-13T20:20:20+00:00","article_modified_time":"2023-06-19T20:58:46+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Use-the-BoldGrid-Website-Builder.png","type":"image\/png"}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"30 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5fbfcaed32a2672fb83ab312f5b7237b"},"headline":"How to Use the BoldGrid Website Builder","datePublished":"2023-06-13T20:20:20+00:00","dateModified":"2023-06-19T20:58:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/"},"wordCount":3786,"commentCount":2,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder-1024x538.png","articleSection":["BoldGrid"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/","name":"How to Use the BoldGrid Website Builder for a WordPress Site","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder-1024x538.png","datePublished":"2023-06-13T20:20:20+00:00","dateModified":"2023-06-19T20:58:46+00:00","description":"Need to remove a page you no longer need? Need to restore a page you removed by mistake? Learn how to do just that in this BoldGrid tutorial.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/06\/How-to-Use-the-BoldGrid-Website-Builder.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Use the BoldGrid Website Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5fbfcaed32a2672fb83ab312f5b7237b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/john-paul\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":525,"name":"BoldGrid","slug":"boldgrid","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=3608"}],"version-history":[{"count":24,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3608\/revisions"}],"predecessor-version":[{"id":105390,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3608\/revisions\/105390"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=3608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=3608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=3608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}