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

Post Grid Style #3

You will find 3 styles of the third category (Post Grid #3).  All 3 styles have the same customization options available. The stylings are similar to Post Grid Style #1.

PostX Block Design Overview

Design

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.

Design
Design

Setting

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:

Heading
Heading
  • 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:

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

Meta

In the Meta Settings, you can change:

Meta
Meta
  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.

Separator

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.

Separator
Separator

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

Excerpt

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.

Excerpt
Excerpt

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.

Query
Query

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.

Category
Category

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.

Image
Image

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 gray scale the featured images of posts with PostX. Also, once enabled, the image ‘overlay’ option lets you add specific overlay to your images.

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

Content Settings

With these particular stylings, you have can show some of the content on the post face.

Content
Content

Content Positioning

You can choose the way the content is positioned in the post face.

Content Animation and background

You can choose how the content appears when someone hovers over it. Also, you have control over the content background as well. Both the content animation and the background support are pro features.

Padding

You can set the content padding as per your choice.

Filter Settings

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

Filter
Filter

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:

  1. Typography
  2. Border Settings
  3. Margin and padding settings
  4. 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
Pagination

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.

Alignment

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

Others

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
Read_More

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