1. Home
  2. Docs
  3. PostX – Gutenberg Post Grid Blocks
  4. Post List – Blocks
  5. Post List #3

Post List #3

Post List #3 Blocks

The Post List #3 shows the listing with the left side big image and right side dynamic content from the post.

Design

  • Layout: Use this image selector to change the layout. 
  • Pre-Made: Pick a pre-made block design.
  • Advanced
    • Additional CSS class: Add CSS class to the block.

Setting

  • General
    • Heading: To show the block heading in the block.
    • Title: To show the block title in the block.
    • Excerpt: To show the block excerpt in the block.
    • Category: To show the block category in the block.
    • Meta: To show the block meta in the block.
    • Image: To show the Image in the block.
    • Read More: To show the block read more in the block.
    • Filter: To show the block filter in the block.
    • Pagination: To show the block pagination in the block.
    • Alignment: To align the content in the block.
    • Image Flip: Flip the image of the block.
    • Vertical Align: Vertical Align of the content.
  • Query
    • Quick Query[PRO]: Pre-made query for the block.
    • Post Type: Which post type you want to show on the block.
    • Number of Post: Set the number of posts you want to show on the block.
    • Taxonomy: Which category/tag’s (taxonomy) posts you want to show on the block.
    • Category: Select the specific category posts.
    • Order By: Ordering posts using the parameters in the block.
    • Order:  Ascending or descending the post of the category.
    • Include Post: Include specific post by it’s post ID. For the multiple ID use comma to separate them.
    • Exclude Post: Exclude specific post by it’s post ID. For the multiple ID use comma to separate them.
    • Offset Post: Number of posts you want to remove from the starting. For pagination enable, it only worked for the first page.
  • Heading
    • Add Heading: Use this field to add the heading text of the block.
    • Heading URL: Use this field to add links in the heading.
    • Alignment:  Use this field to align the heading. 
    • Heading Style: Use this field to indicate the style number of the heading.
    • Heading Tag: Use this field to change HTML heading tag. 
    • Button Text:  It works for Heading Style 11. Change the text of the button.
      • HEADING STYLE
        • Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
        • Color: Use color picker to choose the heading color.
        • Background: Use color picker to select the heading background color.
        • Border Color:  Use color picker to choose the border color.
        • Border Color 2:  Use color picker to choose the border color.
        • Border Size: Use this slider to change the heading border size.
        • Button Typography:  To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
        • Button Color: Use this color picker to pick a fill color.
        • Button Hover: Use this color picker to pick a hover color.
        • Spacing: Use this slider to change the spacing.
  • Filter
    • All Filter Text: Change the text of the all filter text.
    • Filter Type: Use this dropdown to change the Filter Type.
    • Category: Select your category to show on the filter.
    • Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    • Color: Use color picker to choose the heading color.
    • Background Color: Use color picker to select the heading background color.
    • Border: Use this group field to change border width, style and color.
    • Border Radius: Use this field to change the border radius.
    • Margin: Use this field to change the margin of meta.
    • Padding: Use this field to change the padding of content.
    • Dropdown Text Color: Use this color picker to pick a fill color.
    • Dropdown Hover Color:  Use this color picker to pick a hover color.
    • Dropdown Background:  Use this color picker to pick a dropdown background color.
    • Dropdown Radius: Use this field to change the dropdown border radius.
    • Dropdown Padding: Use this field to change the dropdown border radius.
    • SUB  HEADING
      • Sub Heading: To show sub heading.
      • Sub Heading Text: Change the Text of the Sub heading.
      • Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
      • Color: Use this color picker to pick a fill color.
      • Spacing: Use this slider to change the spacing.
  • Pagination
    • Pagination Type: Use this dropdown to select navigation, load more or pagination.
    • Loadmore Text: Only works for  load more to change the text.
    • Alignment: Use this field to align the pagination.
    • Pagination: Use this dropdown to “select text”, “arrow” or “only arrow”. 
    • Ajax Pagination: Enable AJAX pagination.
    • Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    • Color: Use this color picker to pick a fill color.
    • Background Color:  Use this color picker to pick background color.
    • Border: Use this group field to change border width, style and color.
    • BoxShadow: Use this group field to select shadow, inset & color in this option.
    • Border Radius: Use this field to change the border radius.
    • Margin: Use this field to change the margin of pagination.
    • Padding: Use this field to change the padding of pagination.
  • Image
    • Large Item: Size of the large image card.
    • Hover Animation: Use this Dropdown to choose an image on hover animation.
    • Width: Width of the card image.
    • Img Spacing: Use this slider to change image spacing.
    • Height: Height of the image card.
    • Gray Scale: Use this slider to change the image  grayscale.
    • Radius: Use this field to change the border radius.
    • BoxShadow: Use this group field to select shadow, inset & color in this option.
    • Overlay: Use this switch to show the overlay.
    • Overlay Type: Use this dropdown to show the overlay type.
    • Custom Color: Use this color picker to pick overlay color.
    • Overlay Opacity: Use this slider to change the overlay opacity.
  • Content Wrap
    • Background Color: Use this color picker to pick background color.
    • Border: Use this group field to change border width, style and color.
    • Border Radius: Use this field to change the border radius.
    • BoxShadow: Use this group field to select shadow, inset & color in this option.
    • Inner Padding: Use this field to change the inner padding of pagination.
    • Padding: Use this field to change the padding of pagination.
  • Title
    • Tag: Use this field to change HTML heading tag. 
    • Below Meta: Show title in the bottom of the meta.
    • Typography Large Item: Change typography of the big card post.
    • Color: Use this color picker to pick fill color.
    • Hover Color: Use this color picker to pick hover color.
    • Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    • Padding: Use this field to change the padding of content.
  • Meta
    • Meta Position: Choose the position where you want to show the meta.
    • Style: Use this dropdown to choose pre-made meta style.
    • Separator: Use this dropdown to choose separator style.
    • Meta: You can choose the meta to show on meta field.
    • Typography:  To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    • Color: Use this color picker to pick a fill color.
    • Hover Color: Use this color picker to pick a hover color.
    • Spacing: Use this slider to change the spacing.
    • Margin: Use this field to change the margin of meta.
    • Padding: Use this field to change the padding of meta.
    • Background: Use this color picker to pick background color.
    • Border:  Use this group field to change border width, style and color.
  • Category
    • Category Style: Use this dropdown to choose pre-made category style.
    • Position: Category position of the block.
    • Line Width: Line width of the category design.
    • Line Spacing: Line spacing of the category design.
    • Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    • Color: Use this color picker to pick a fill color.
    • Background Color: Use this color picker to pick a background color.
    • Border: Use this group field to change border width, style and color.
    • Border Radius: Use this field to change the border radius.
    • Spacing: Use this slider to change the spacing.
    • Padding: Use this field to change the padding of content.
  • Excerpt
    • Show Full Excerpt: Enable full excerpt in block.
    • Excerpt Limit: Set Excerpt Limit in the block.
    • Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    • Color: Use this color picker to pick a fill color.
    • Padding: Use this field to change the padding of content.
  • Read More
    • Read More Text: Change the text of the read more.
    • Icon Style: Change the icon style of the block.
    • Typography:  To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    • Icon Size: Change the icon size of the read more.
    • Color: Use this color picker to pick a fill color.
    • Background Color: Use this color picker to pick a background color.
    • Border: Use this group field to change border width, style and color.
    • Border Radius: Use this field to change the border radius.
    • Spacing: Use this slider to change the read more spacing.
    • Padding: Use this field to change the padding of readmore.
  • Separator
    • Show Separator: Enable separator in the block.
    • Border Color: Use this color picker to pick a border color.
    • Border Size: Use this slider to change border size.
    • Border Style: Use this border to change border style.
    • Spacing: Use this slider to change the read more spacing.

Advanced

  • General
    • ID: Use this field to add an ID to the block.
    • Z-index: Use this field to change the z-index of the block.
    • Margin: Use this field to change the margin of the block.
    • Padding: Use this field to change the padding of the block.
    • Background: Use this color picker to pick a background color.
    • Border: Use this group field to change border width, style and color.
    • BoxShadow: Use this group field to select shadow, inset & color in this option.
    • Border Radius: Use this field to change the border radius.
  • Custom CSS: Add Custom CSS via this field.
  • Advanced
    • Additional CSS class: Add CSS class to the block.
Was this article helpful to you? Yes No