How to Edit Pages using the BoldGrid Post and Page Builder

When you choose an Inspiration 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. This tutorial gives you basic instructions on how to edit your pages using the BoldGrid Post and Page Builder.

Opening the BoldGrid Post and Page Builder

  1. Log into your site’s admin dashboard.
  2. Next, click on the Pages option from the left-hand sidebar.
  3. From the Pages list screen, find the page you want to work with, hover over it, and click on the Edit option.
  4. Be sure you are in the Visual mode and not the Text mode. You can change the mode in the upper right corner of the BoldGrid Post and Page Builder area.

From here, we will demonstrate how to edit columns, rows, or specific elements within a column-row.

Working with Columns

  1. Open the BoldGrid Post and Page Builder as described above.
  2. 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.
  3. 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.
  4. If you wish to edit the specific content of the column, click the modify button of the blue drag handle.

    This will present a menu with the following options:

    Insert Media .
    Clone Creates a new column to the right of the current one with exactly the same data.
    Clear Contents Deletes the contents of the current column, leaving it blank.
    Delete Delete the current row and all its contents.
    Add Form Allows you to add a form to your column.

Working With Rows

  1. First open the BoldGrid Post and Page Builder as described above.
  2. Hover into the row you wish to edit. You will see a yellow drag handle appear on the right side of the row.
  3. To move the row, click and hold on the directional button. Then, drag your row up or down the page.
  4. If you wish to edit the specific content of the row, click the edit button of the yellow drag handle.

    This will present a menu allowing you various options.

    Insert Layout Allows you to select from a pre-made layout and insert it above the current row.
    Add Empty Row Adds a new row with no content above the current row.
    Add Column Adds a new column within the current row.
    Nest Row Select the current row to be nested.
    Clone Creates a new row above the current one with exactly the same data.
    Clear Contents Deletes the contents of the current row, leaving it blank.
    Delete Delete the current row and all its contents.

Working with Elements

  1. Open the BoldGrid Post and Page Builder as described above.
  2. 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.
  3. To move the element, click and hold on the directional button of the drag handle. Then, drag the element to the desired location on the page.
  4. Clicking the Edit button of the blue drag handle will bring up a menu with the following options:
    Clone Creates a new element underneath the current one exactly the same data.
    Delete Deletes the current element and all its contents.

Text Elements

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.

You can then add or delete text in the element.

Image Elements

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:

Align Left Aligns the image to the left side of the element.
Align Center Aligns the image to the center of the element.
Align Right Aligns the image to the right of the element.
No Alignment Uses the default alignment.
Add Media Opens the page to add new media to the element.
Edit Opens the page for the settings of the image.
Remove Deletes the image from the element.

Leave a Reply