Responsive Post and Page Grid

This block provides options to showcase custom post type anywhere on the page. It provides category controls to choose categories or tags. It also offers predefined controls for every part of the post like Featured Image, Title, Excerpt, author, etc.

Post and Page Grid Settings

Content Type option allows choosing post types – posts or pages.

Taxonomy option is available to filter your post from Categories or Tags. Upon selecting Categories, Category control will be visible to allow you to choose posts according to categories.

Post and Page Grid Settings

Under the Post and page grid settings tab, the following options are available.

Number of Items - Increase or decrease the number of posts to display.

Order by option allows you to order posts according to date, title, random order, or menu order. Order option allows you to order the posts in descending or ascending order.

Column - Customize the number of columns that you want to display.

Equal Height - Switch on the toggle to display the posts for equal height.

Post Pagination - Switch on the toggle to display the posts pagination.

Page Limit - Select the limit of pages to display for pagination

Pagination

Select the Layout and Alignment of Pagination. You can also give border size and border-radius from here and select next button and previous button text from here. Set color for the text and customize spacing between numbers from here.

Post and Page Grid Content

Display Section Title - Hide or Display a title on top of the post grid. If you choose to display the title, an input box will appear for you to write a title.

Display Featured Image - Hide or Display featured image of post/page if there is one.

Display Title - Hide or Display the title of the post.

Display Author - Hide or Display the name of the author of the post.

Display Date - Hide or Display the published date of the post.

Display Excerpt - Hide or Display the excerpt of the post. If you choose to display the excerpt, a slider will appear for you to select the excerpt length of the post.

Display Continue Reading Link - Hide or Display a continue reading link for the post. If you choose to display the link, an input box will appear for you to customize continue reading text.

Post and Page Grid Markup

Post Grid Section Tag section - You can select the tag that you want to allot to the grid section such as div, header, section, main, aside, footer.

Section Title Heading tag - You can select the tag that you want to allot to the section title from H2 to H6.

Typography

Under the Typography tab, options for font size, font-weight, color, and line-height are available for Excerpt, Meta, and Title.

You can now set responsive font size of Title for Mobile and Tablet view.

Colors

Under the Colors tab, color options are available for Blog Post Background, Title, Meta, and Excerpt.

Spacing

Space can be managed for the content from here.