# Opal Posts Grid

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

![](https://841157355-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq9HQCwPx_402-0fo5f%2F-LqEEwggZvfDJHoeIir1%2F-LqFGNWyU6tjH4xAZB7P%2Fpost2.jpg?alt=media\&token=acbdaf94-9dc3-469b-98bb-3934174c9559)

Drag this elementor to widget, it will display form config post:

\+ Query: Display all config for posts: set up number post per page, sort of  post, layout of post...

![](https://841157355-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq9HQCwPx_402-0fo5f%2F-LqEEwggZvfDJHoeIir1%2F-LqFGj7ID1lDMZR1-Mj7%2Fpost.png?alt=media\&token=5370cf70-f81e-4f82-af32-6363915da3b9)

\+ Pagination: Set up number of post page if have.

![](https://841157355-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq9HQCwPx_402-0fo5f%2F-LqEEwggZvfDJHoeIir1%2F-LqFGmkbFFEkMP4ZooEn%2Fpost1.png?alt=media\&token=6ccef4eb-f3cb-45f2-a3b2-915ab4c208d4)

\+ Carousel Options: Enable carousel if you want to set up more post display

![](https://841157355-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq9HQCwPx_402-0fo5f%2F-LqEEwggZvfDJHoeIir1%2F-LqFGvacI6RwX12rjfEV%2Fpost2.png?alt=media\&token=a75126e6-4472-4c72-9087-9a15a9de545a)

Front-end look like :

![](https://841157355-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq9HQCwPx_402-0fo5f%2F-LqJMSm8BnzTYhENipjX%2F-LqJfsug6Tl-7xaxphJn%2Fpost3.jpg?alt=media\&token=8044ca32-4133-4bf8-a078-f4b6ede89a14)
