{"id":20381,"date":"2020-04-10T12:15:38","date_gmt":"2020-04-10T16:15:38","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=20381"},"modified":"2020-09-08T15:01:52","modified_gmt":"2020-09-08T19:01:52","slug":"how-to-create-an-inner-row-with-the-post-and-page-builder","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/page-builder\/how-to-create-an-inner-row-with-the-post-and-page-builder\/","title":{"rendered":"How to Create an Inner Row with the Post and Page Builder"},"content":{"rendered":"\n

Once your row is created you can add more columns to it to display the appropriate number of items you need lined up, and in this case we need two columns total so you only need to add one. Once the new column is added you can use the drag handles to adjust the column widths to create the appropriate spacing<\/span><\/p>\n

Add your icons and text to the columns in the row as needed and make any necessary alignment changes.<\/span><\/p>\n

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

After all of your content is in place, open the Row controls and select the Drag as Content option and keep holding the mouse button down to move the row like a single piece of content.<\/span><\/p>\n

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

After moving it to any new position on the page you will be able to hover back over the inner row and move again like a single piece of content.<\/span><\/p>\n

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

Your new inner row can be easily cloned to make additional rows as needed and you can change the content within using the Edit as Row option to update the icons and text.<\/span><\/p>\n

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

Congratulations, you now know how to create an Inner Row using the Post and Page Builder to align multiple block components in a single row!<\/span><\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"