Responsive Post and Page Grid
Last updated
Last updated
This block provides options to showcase custom post types 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.
Use Responsive Post and Page Grid blocks in your pages with customizable styles in an attractive way.
Text Alignment option allows choosing left, center, or right as the alignment of the text content.
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.
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.
Number of items to offset option allows you to select the number of posts to skip in the display.
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
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.
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 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.
Under the Typography tab, options for font family, font size, font-weight, line-height and text transform are available for Excerpt, Meta, Title and Read More Link.You can now set responsive font size of Title for Mobile and Tablet view.
Border - Select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it.
Border Width - Set a width for the border from here.
Border Color - Set color to the border from here.
Border Radius - Set border radius to the box to control corner roundness.
Box Shadow - You can give box-shadow to the block with a number of options available for customization such as color, blur, spread, position, etc.
Hover Box Shadow - This option allows box-shadow on hover to the block with a number of options available for customization such as color, blur, spread, position, etc
Under the Color tab, color options are available for Blog Post Background, Title, Meta, Excerpt and Read More Link.
Spacing can be managed for the content from here.