> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/konstruktic/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/konstruktic/setting/untitled-3/opal-posts-grid.md).

# Opal Posts Grid

Set up display posts for site

When creating a page with Elementor, please search elementor with name  **"Opal Posts Grid"** widget.

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBdJGhRUrc5B1koaqU%2F-LqsOuHmGd8SHTi4sqtl%2F-LqsgzuP3_Xxrr8L-Zc9%2Fpost3.png?alt=media\&token=de985017-ea8b-4b77-981a-f8186abc89d4)

When drag to widget , **Query form** of post will display for you choose:

* Posts per page: choose number post will display in page
* Advanced : Choose option for order and choose categories
* Layout : Choose columns display post and style for post.

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCECEyIt96IsSiJHmO%2Fpost.png?alt=media\&token=85f00276-8030-4d30-a0b6-7429a26043f2)

**With Pagination** : Enable it if you want to show carousel 

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBdJGhRUrc5B1koaqU%2F-LqsOuHmGd8SHTi4sqtl%2F-LqshXnvD8RYHrLqAHmX%2Fpost2.png?alt=media\&token=f7656185-1e78-4993-a589-a0d9eb6c9c5b)

Front-end look like :

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCEMrZ54nlpNRe-KGh%2Fblog.png?alt=media\&token=cd2613a1-a6ac-4db0-8662-59be84be9be0)