Code

Discussion on Posts Grid Builder for Elementor

Discussion on Posts Grid Builder for Elementor

By
Cart 81 sales

Bitempl supports this item

Supported

This author's response time can be up to 2 business days.

53 comments found.

Hi just baught it looks great but i cant resize the post im using rtl maybe its related

do i need to sett somthing basicly i can only move item not scale them thanks

Unfortunately RTL is not supported If this is critical for you, apply for a refund, we will approve it

thanks yes its critical i will request a refound if you will support rtl i will buy it again because it looks great thanks

Ok. Thanks

Wauww what an amazing post grid plugin for Elementor!!!

The only presale question I have is: Is it still maintained and compatible with the latest version of Elementor?

Thanks in advance!

Hi. Your plugin is awesome, but I need it for a big foodblog with many recipes added each day, so it is necessary for me that the posts query should be automatic for category or custom post type and think it will be necessary for many other people too. Is it possible now or are you planning to add this feature? Thank you

Is it possible to add dynamic content? Example: i need to show latest 10 posts from category NEWS

unfortunately not, only by static method

I’m really sorry, but is it possible to return this grid plugin, it doesn’t work for me?

Thanks

Is it possible to sort the items according to categories or in some other way, or can you just add them individually.

Yes, only in the new beta version. Give me your email and I will drop you the archive

My mail adress is; lemifant@gmx.at

Hi, I need to make a post grid where individual post will have a color background according to its category. ex. If the category of the post is houses, the background image for that post is blue and the single post also have the blue background. If the category is appartement then the image background is green. Will this plugin do that?

Hi! Unfortunately no, the background color can be changed, but it will be the same for all types

Can I show post type for categories such as political, sport? I’m building a news website. please help.

Posts are selected manually for any post type and category.

you wrote 7 months ago:

“In the future will be added a widget to display taxonomies(categories, tags & custom taxonomy).”

when will this come? it’s really needed.

In the process
The update will be in the second half of January
Three new widgets will be added, including grid builder for taxonomy terms

Hi Guys, is it possible to link the thumbnail image of a post to an extranal URL rather than it go to the post page. My client want a way to link a thumbnail image which has a title to a webpage rather than it go to a posts page and then have to click a link.

Hello! Yes it is possible.
You need to add the meta data of the external link to the post, for example through custom fields
And in the theme add code with using filter “posts-grid-builder/post-data” Documentation

add_filter('posts-grid-builder/post-data', 'pgb_change_permalink_to_external');
function pgb_change_permalink_to_external($post_data) {
    $external_link = get_post_meta($post_data['id'], 'external-link', true);

    if ( $external_link )
        $post_data['permalink'] = $external_link;

    return $post_data;
}

Hi!! Is it possible to leave only the image and add only the title on mouseover? I can’t seem to find the way to do that, can’t find any way to edit mouseover efects.

Thank you!!!

Hello! Unfortunately, there is no option to configure hover effects yet, but we will add in updates.

At now, you can disable all post elements except the title and add CSS styles to the theme

Styles can be added through the admin panel
Appearance->Theme Editor
Theme Files -> Stylesheet(style.css)

/* Posts Grid Builder item hover effect */
.pgb_item .pgb_item-title { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); -webkit-transition: opacity 350ms ease-in-out, -webkit-transform 350ms ease-in-out; transition: opacity 350ms ease-in-out, -webkit-transform 350ms ease-in-out; transition: opacity 350ms ease-in-out, transform 350ms ease-in-out; transition: opacity 350ms ease-in-out, transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } .pgb_item .pgb_item-thumb { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } .pgb_item:hover .pgb_item-title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .pgb_item:hover .pgb_item-thumb { -webkit-transform: scale(1.15); transform: scale(1.15); }

This looks good. Is it possible once I have created my custom fields, for example Services, Posts, Projects, that each one of these is styled slightly different?

For example I might need a post type for services to contain a background image and just a title. Does that make sense?

Thanks

If I understand correctly, you will need to apply a different style to a specific type of posts. This cannot be done with the widget options, but you can rewrite the item template and change the layout and styles of any type of post manually using CSS styles.

Can I design Header, Footer, Post Page, Archive Page?

No, this plugin does not affect the elements you listed.

Hi,

When I create a post grid it appears correctly in the Elementor page editor interface, but on the live page the grid will be completely blank.

Inspecting the page with Chrome shows ‘vue-grid-items’ div classes are appearing on the page in the correct layout, they’re just blank.

I think it’s a theme conflict, since the I tested the plugin on another site and couldn’t replicate the issue, but I’m not sure how to go about fixing the conflict.

Any assistance you could provide would be appreciated.

I really don’t understand why it doesn’t work for you. If you think that the conflict with the theme, send me archive with your theme in the mail, I will try to find the conflict. serjko87@gmail.com

For anyone else who may be reading this with a similar issue, the issue ended up being a plugin conflict with a caching plugin called A2 Fixed W3 Total Cache. Disabling that plugin resolved the issue.

Hi, can you provide a list of classes editable in CSS for .pgb_item-_??

I am trying to edit the background of text to increase in opacity on hover like so:

.pgb_item:hover .pgb_item-background { opacity: 1.0; }

But not sure where to look up item names. So far this is a great addition to Elementor! Thanks!

To see the HTML layout with classes open the item template in the folder templates in the root of the plugin.

You can also change html layout and add your classes, but for this you need to overwrite the template
how to rewrite a template

Thanks.

1. Is it possible to change the “Post” wording in the optional type of content label to another word?

2. Experiencing slow load times of the plugin content, any way to improve this?

Thanks you.

1. This can be done using a filter “posts-grid-builder/post-data” key “post_type” Documentation

2. Posts data is loaded quickly, if Internet is slow then images can be loaded for a long time. You can choose a smaller image size ( Item->Thumbnail Size ). Smaller size will load faster. You can also disable “Loading Spinner”, then the grid will be displayed without waiting for images.

Have purchased your plug in and when choosen to upload plugin it says as follows:

Unpacking the package…

Installing the plugin…

The package could not be installed. No valid plugins were found.

Plugin installation failed.

Whats the problem? Thank you

Hi!
Did you unzip the archive you downloaded from codecanyon?
Archive with a plugin inside this archive.

Hi, I used this for underline and it worked: .pgb_item:hover .pgb_item-title { text-decoration: underline;

}

I will look into centering in the container – so far, using elementor to center has not worked for me. I am probably doing something wrong, will look into it.

Hi, I need to get the images to enlarge and text to underline when I hover each grid’s item. I use astra and elementor. Like on this page: https://www.ign.com/

here is my page www.gvaat.com

- thanks.

Hi, I bought this elementor posts grid builder and placed it on my site: www.gvaat.com

see it on front page. Please help me with two main issues: 1. i need to center the posts, horizontal align does not work. 2. I need to create a hover effect where images zoom in when hovering over posts, like in this example: www.ign.com.

thank you.

Hi
1. The posts are not aligned, they are positioned in the container using drag and drop, and the container needs to be centered.
2. Add these styles on your site
.pgb_item .pgb_item-thumb { transition: transform .75s ease-in-out; }
.pgb_item:hover .pgb_item-thumb { transform: scale(1.04); }

Maybe I misunderstood your issues, then clarify them.

hello, After we build the grid. how dose the posts change over the time? I do not see filter option? or it meant to keep showing the posts we choose? Thanks,

Hello! Only selected posts are displayed without filter and pagination.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey