1. Home
  2. Docs
  3. PostX
  4. All Blocks
  5. Post Grid Style #1

Post Grid Style #1

You will find 3 styles of the first category (Post Grid #1).  All 3 styles have the same customization options available.

PostX Block Design Overview


Choose layouts (available in the pro version) from the design tab. You also have the option to choose pro layouts from a wide variety of choices.



In the settings tab, you can find the following customizations:

In the general Tab, you will find options to:

  1. Increase/decrease the column gaps
  2. Increase/Decrease the row gap.
  3. Enable/Disable the ‘Grid View’.
  4. Enable/Disable the following options and customize them:

Heading and Title

From the heading settings, you can choose to:

  • Add your heading
  • Enable/Disable Subheading.
  • Set the alignment and heading style
  • Change the heading tag and URL
  • Play with the typography, border, and color settings.

The Title settings has the following options for you to play with:

  • Blend the specific color (Pro feature)
  • Play with the hover color, typography, and padding settings.


In the Meta Settings, you can change:

  1. The positioning of the Meta
  2. The styling of the meta from a dropdown style list.
  3. The separator from a predefined dropdown list.
  4. Which properties the Meta will show (e.g. Author, Date, etc.)

You can also play with the typography, color, and spacing properties of your post meta. Furthermore, you can change the margin, padding, background, and border settings.


If you wish to show the separator with every post, then you can enable the ‘show separator’ option. Then you can adjust the border color and sizing.


You can also increase/decrease the spacing per post grid as well.


You can change the typography, color, and padding settings for the post excerpts. You can also enable/disable the full excerpt and set an excerpt limit.


Query Settings

It is one of the more powerful features of the PostX-Gutenberg post blocks. The Query settings come with a handful of pro and free features.


Quick Query

You can find posts based on comments, popularity and more. This pro feature is very helpful when you wish to filter out specific posts based on specific criteria.

Post Type and Number

You can choose your post type and how many posts you want to show using the dropdown and slider in the query menu.

Taxonomy and Taxonomy value

Based on the post tag, format or category, you choose which posts to show. The ‘taxonomy value’ feature helps to show specific posts on your page based on categories.

Order by

You can choose to order your posts by ‘Order By’ dropdown. Here you have several options like post title, comment count, meta value, and more.

You can also order your posts by ascending or descending order based on the ‘order by’ criteria.

Include/Exclude Post

You can include/exclude post based on the post ID.

Offset post

You can choose how to offset posts using the slider.  

Category Settings

The category settings give you a lot of freedom when customizing your posts and page.


Styling and positioning

The styling and positioning are baked-in features of the PostX plugin. You can easily change the ‘category style’ and positioning from the dropdown menu.

Color Settings

With the free version of PostX, you can keep the default color.

But the ‘specific color’ feature allows you to make your posts appear more vibrant. The ‘category specific’ and ‘only category color’ come with pro version as well.

But you get access to the border and padding settings with the free version.

Image Settings

You can do a lot with the PostX post blocks image settings.


Large Item Settings

The ‘Large Item’ setting lets you choose from a list of options. You can choose the way you want to show your posts on a page from the dropdown.

Hover animation, Width and Height

PostX blocks give you the option to choose the hover animation for your individual posts. Also, you can select the width and height of each post element to make them more dynamic.

 Image Spacing

The ‘image spacing’ dial allows you to size up the post images (as they are shown on the page).

Gray Scaling and Image Overlay

You can choose to grayscale the featured images of posts with PostX. Also, once enabled, the image ‘overlay’ option lets you add a specific overlay to your images.

Finally, you can play with box shadow and radius image properties as well.

Filter Settings

AJAX filtering is one of the key features of the PostX WordPress blocks plugin.


Filter type and value

Based on what posts you want to show, you can choose your preference from the ‘filter type’ dropdown. Also, you can specify the ‘filter value’ as well.

Other filter settings include:

  • Typography
  • Border Settings
  • Margin and padding settings
  • Dropdown text, hover color, radius settings, and more.

Pagination Settings

Pagination gives your website the added flexibility it needs. And the makers of the PostX plugin understands this. For this reason, you get excellent pagination settings with this WordPress blocks plugin.


Pagination type

From the ‘pagination type’ dropdown, you can easily choose your pagination type. And the ‘load more’ text allows you to personify the pagination.


You also have the option to align your pagination as per your preference.


Other settings include hover border, background, padding and color settings. You can choose between the normal showcase and the hover showcase.

‘Read More’ Settings  

You can customize the ‘read more’ text and the icon style. There are some decent icon style choices from the dropdown menu.

Read More Settings
Read More Settings

You can also change the icon size using the slider.

Other settings include the typography, spacing, padding, background color and more.

Advanced Styling

The advanced styling lets you play with the core basic customization options.

Was this article helpful to you? Yes No 2