Using Pre-Built Post Grids Components

1. Login to your website WP admin dashboard (e.g., https://greyboxprod.wpengine.com/wp-admin/)

2. Click on ‘Pages’ in the menu at the left-hand side.

3. Once in the Pages window, type the word “Post Grids” on the textbox field at the right-hand side of your screen, and click the ‘Search Pages’ button.

4. You will see the “Post Grids” page appear in the list. Under the “Post Grids” page, right-click ‘Edit with Elementor’ and open a new tab.

5. Scroll down to select the post grid of your choice. In this example, we are going to use ‘3 Col Post Grid’. Hover over the section to reveal the grid icon. Right-click on it and select copy.

6. Open the page you are working on in Elementor. Right-click on the ‘Drag widget here’ section and select ‘Paste’. This will paste the ‘3 Col Post Grid’ section that you copied from the existing GreyboxPro Post Grids page.

7. Click “3Col Post Grid” section and right-click the grid view widget.

8. Then click ‘Edit Posts’

9. On the left-hand side, you can select which options you want to display. Example Options are Skin, Columns, Posts Per Page, etc.

10. You will also see an option for the Query on the left-hand side. You can select Source and Order By.

11. You can add ‘Include By’ option for the Posts data source.

12. ‘Exclude By’ option can be added for the Posts data source.

13. To update the order of the list.

14. To Disable/Enable the pagination option.

15. Then at the bottom left-hand corner of your screen click the ‘UPDATE’ button to save the changes made.