fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

google-maps-widget
age-verification-widget-for-elementor
digital-business-card-templates-for-elementor

Masonry Post Grid

The Masonry Post Grid Widget is an awesome post grid that lets you display your posts in a masonry grid style. It comes with advanced posts query options that will give you full control to filter your products exactly the way you want.

 

Let’s look at each of the options in the “Masonry Post Grid Widget” below.

Install Masonry Post Grid Widget for Elementor

This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Masonry Post Grid”
  3. Hover over the widget in the search results and click install
  4. Add your “Masonry Post Grid” widget to any Elementor Page

General Settings

1

Post List Image Size

Select the masonry grid image size.

  • Medium Large
  • Large
  • Medium
  • Thumbnail
  • Full Size
  • 1536*1536
  • 2048*2048
2

Layout

Set the layout of masonry grid.

  • Overlay
  • Under
  • Overlap
3

Intro Number of Characters

Set the number of characters to be displayed as intro.

4

Base Width

Set the base width of elements.

5

Gutter

Set the width and height of gutter between elements.

6

Minify

Turn on this option to place elements on shortest column.

7

Surrounding Gutter

Set left gutter on first column and right gutter on last.

8

Ultimate Gutter

Set the ultimate gutter.

9

Direction

Set the direction of grid.

  • LTR
  • RTL
10

Make All Content Link

Turn on to make all content link.

Layout Settings

1

Show Title

Show/Hide the post title.

2

Title Link

Enable the title link.

3

Show Intro Text

Show/Hide the intro characters.

4

Show Button

Show/Hide the button.

5

Button Text

Type the text for button.

6

Show Category

Show/Hide the post category.

  • No
  • All Categories
  • Only Main Category
  • By Taxonomy
  • Last Level by Taxonomy

Posts Query Setting

1

Posts Source

Choose any of the below options for your post source.

  • Current Query Post
  • Custom Posts
  • Related Posts
  • Manual Selection
2

Include By

Include the posts from different options given below

  • Include Sticky Posts
  • Get Only Sticky Posts
  • Author
  • Date
  • Post Meta
  • Most Viewed
  • ID's from PHP function
  • ID's from Post Meta
  • ID's from Dynamic Field
  • Products on Sale Only
  • Up Sells Products
  • Out of Stock Products Only
3

Include By Terms

Choose specific posts that you would like to include from your selection by adding rules.

  • Include By Terms Relation
  • Include Terms Children
4

Exclude By

Choose specific posts that you would like to exclude from your selection by adding rules.

  • Terms
  • Current Posts
  • Specific Posts
  • Author
  • Posts Without Featured Image
  • Posts with current category
  • Posts with current tags
  • Offset
  • Avoid Duplicates
  • ID's from Dynamic Field

To know more about post query setting, please visit our article on Advanced Post Selection

Posts Pagination and Filtering

1

Pagination

Display the pagination for your post tile

  • None
  • Numbers
  • Using Pagination Widget
2

Enable Post Filtering

When turned on you can use all the post-filter widgets like tab filters, load more and infinite scroll.

3

Filters Behaviour

  • Ajax
  • Ajax and URL change - Will change the URL each time the filter changes and add the possibility to use browser back navigation.

Learn more about the different Ajax filters that can work with the Post Tile in the links bellow:

Masonry Post Grid Widget Styling

A lot of styling options are provided to control every aspect of the widget’s appearance. Modify the colors to match your site’s look and feel.  You can customize every single detail to perfectly blend with your website design.

Item Styling

Set the item border, shadow, radius, and image filter.

Content Styling

Style the content alignment, padding, opacity, and opacity hover.

Content Background Styling

You can set the content background color and image in normal and hover mode.

Post Category Styling

In this section, set the post category color, background, typography, spacing, padding, and radius.

Title Styling

Set the title color, typography, spacing, opacity, and opacity hover.

Intro Styling

You can set the intro color, typography, spacing, opacity, and opacity hover.

Button Styling

Set the button typography, padding, radius, background color, text color, spacing, and border.

Usage Examples

Here are some live use cases for the Masonry Post Grid Widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!