Search Results for 'post grid'

[Karla]

Karla

#286625

Hi, Pablo!

I’m sorry for the delay in getting back to you.

Currently, there isn’t a block that can loop through the Relationship field and show the posts as a grid.

For now, what you can do is use a Repeater ACF field with post details as sub-fields. Then use the Repeater block to show them – https://www.kadencewp.com/help-center/docs/kadence-theme/repeater/

I hope this helps, and let us know if we can help you further.

Regards,
Karla

[Karla]

Karla

#286577

Hi, Claire!

I’m so sorry for the delay in getting back to you here. Please submit tickets to our premium support page so we can help with your concerns faster.

“The Post Grid is suddenly a “grid” layout instead of a carousel, and the grid wraps around into 3 rows which is excessive. How do I fix this?”
This seems like the slider/carousel scripts were not applied. Thus, the posts are shown in plain grid.

When I view it using Browserstack in an iPad device, there are no issues – https://share.zight.com/L1u8m4AY

Does it also happen with another iPad? Probably, there are some settings on that specific browser preventing the sliders from working/initializing properly.

Please let us know if we can help you further with this.

Regards,
Karla

[Pablo Jimenez]

Pablo Jimenez

#286566

I’m using ACF Relationship field (bidirectional relationship as well) to establish connections between custom post types, such as Weddings, Locations, Vendors, Venues, etc.

Is there a way with Kadence to display several posts using a Relationship Field as a source?

For example, in a wedding post (Custom Post Type), I need to present a grid of vendors (Custom Post Type) that were part of it. And, if I go to any vendor custom post, I also need to present a grid of weddings that the vendor has been part of. All this relationship is managed using the ACF Relationship Field.

I know I could try to create the relationship using taxonomies and create one unique taxonomy for each vendor post, etc., but I’m wondering if Kadence has this option or if it is coming soon for example with the new advance query block.

Thanks.

[Pablo Jimenez]

Pablo Jimenez

#286566

I’m using ACF Relationship field (bidirectional relationship as well) to establish connections between custom post types, such as Weddings, Locations, Vendors, Venues, etc.

Is there a way with Kadence to display several posts using a Relationship Field as a source?

For example, in a wedding post (Custom Post Type), I need to present a grid of vendors (Custom Post Type) that were part of it. And, if I go to any vendor custom post, I also need to present a grid of weddings that the vendor has been part of. All this relationship is managed using the ACF Relationship Field.

I know I could try to create the relationship using taxonomies and create one unique taxonomy for each vendor post, etc., but I’m wondering if Kadence has this option or if it is coming soon for example with the new advance query block.

Thanks.

[chitocamacho]

chitocamacho

#286383

Hi Gabi,

Thanks for the link to the page and screenshots.

It appears the HTML codes are broken — here’s also an example: https://share.zight.com/Z4up9LA6

The article tags must be wrapped inside the post grid div tags.

I checked this on my test site using the updated versions of the Kadence Blocks and Kadence Blocks Pro, but didn’t have the same issue — here’s a video: https://share.zight.com/yAune2Q6

They are not updated on your website. Can you please update them? If the issue persists, please clear all types of caches (website, server, CDN, etc.).

If it still does not make a difference, can you please try to deactivate all the plugins temporarily, except for the Kadence Blocks and Kadence Blocks Pro?

You can troubleshoot your website without breaking it on the frontend using the Health Check plugin:
https://wordpress.org/plugins/health-check/

Let us know how it goes.

Best,
Chito

[thedetoureffect]

thedetoureffect

#286371

Hi there,

On my home page, I have a bunch of Post Grids set to the “carousel” layout. When I click on tablet view in the editor, it looks fine. It’s still a carousel. But when I borrow my friends iPad to see if it actually looks right on a real tablet, it doesn’t. The Post Grid is suddenly a “grid” layout instead of a carousel, and the grid wraps around into 3 rows which is excessive. How do I fix this?

Page here.

Thanks,
Claire

[thedetoureffect]

thedetoureffect

#286371

Hi there,

On my home page, I have a bunch of Post Grids set to the “carousel” layout. When I click on tablet view in the editor, it looks fine. It’s still a carousel. But when I borrow my friends iPad to see if it actually looks right on a real tablet, it doesn’t. The Post Grid is suddenly a “grid” layout instead of a carousel, and the grid wraps around into 3 rows which is excessive. How do I fix this?

Page here.

Thanks,
Claire

[Gabi]

Gabi

#286370

Hello on my clients website, on the blog page link the post grid looks kind of “broken”. It happened after I have update to WordPress 6.3.2., to Kadence Blocks – PRO Extension 2.0.16., to Kadence Blocks – Gutenberg Blocks for Page Builder Features 3.1.23. and Acsend Premium to 1.9.28.
Here are some pictures of the code issue:
– *Login to see link – valid post
– *Login to see link – broken post

I has something to do with links? Or with special characters in blog title?
Can you please give me some advice, thanks in advance, Gabi

[Gabi]

Gabi

#286370

Hello on my clients website, on the blog page link the post grid looks kind of “broken”. It happened after I have update to WordPress 6.3.2., to Kadence Blocks – PRO Extension 2.0.16., to Kadence Blocks – Gutenberg Blocks for Page Builder Features 3.1.23. and Acsend Premium to 1.9.28.
Here are some pictures of the code issue:
– *Login to see link – valid post
– *Login to see link – broken post

I has something to do with links? Or with special characters in blog title?
Can you please give me some advice, thanks in advance, Gabi

[Karla]

Karla

#286336

Hi, Stefano!

With the free version, there isn’t a built-in option to do that. The workaround is to use CSS code. For customization reference, you can look at using grid CSS – https://css-tricks.com/snippets/css/complete-guide-grid/.

Something like this:

.header-navigation ul li:hover ul.sub-menu {
    display: grid!important;
    grid-template-columns: 1fr 1fr;
}

On the other hand, one of the pro features is the Ultimate Menu and you can do this easily. Here’s our post – https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-create-a-mega-multicolumn-menu/.

I hope this helps, and let us know if we can help you further.

Regards,
Karla

[Karla]

Karla

#286283

Hey, Konrad!

You may use the Post Grid/Carousel block (Kadence Blocks Pro) but you’ll need to do some customizations. We have a post to help you use a custom template for this block using the Hooked Elements feature (Kadence Theme Pro). Go to this page – https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-design-a-post-grid-carousel-using-a-kadence-element/.

“… sorting by fields from the custom post type”
This will require customization too. This block has the “kadence_blocks_pro_posts_grid_query_args” hook. This is what you can use to modify the order of the posts.

You can also look at the Query Loop block of Gutenberg – https://wordpress.org/documentation/article/query-loop-block/

I hope this helps, and let us know if we can help you further.

Regards,
Karla

[architabasandrai]

architabasandrai

#286275

Hi Rafael,

I understand that you want to create a post loop with the post title overlaying the featured image.

Currently, there is no inbuilt setting to achieve this with the Post Grid/Carousel block. You can submit a feature request for this here:
https://www.kadencewp.com/kadence-theme/feature-requests/

While I cannot provide you with an actual timeline for when this feature will be released, rest assured that the development team will be made aware of it.

In the meantime, you can explore using the Portfolio Grid/Carousel block. This shows an overlay of the title on the image when hovered upon. Here is a screencast for your reference: https://share.zight.com/mXuvvjJA

I hope this helps. Please let us know how we can help further.

Best Regards,
Archita

[Rafael Marcano]

Rafael Marcano

#286259

Hi,

I’ve been trying to get a post grid with title overlays (see attached screenshot), but it doesn’t seem to be possible out of the box on Kadence blocks. Am I not looking in the right place?

I found some instructions here, but I’m not sure if they are outdated, because I can’t get them to work.

I also found a related post here, but this is more suitable for an image gallery than for displaying posts on the frontpage of a site.

I’m on the Pro version if that makes any difference.

Any help is appreciated!

• This topic was modified 2 years, 6 months ago by Rafael Marcano.
• This topic was modified 2 years, 6 months ago by Rafael Marcano.

[Rafael Marcano]

Rafael Marcano

#286259

Hi,

I’ve been trying to get a post grid with title overlays (see attached screenshot), but it doesn’t seem to be possible out of the box on Kadence blocks. Am I not looking in the right place?

I found some instructions here, but I’m not sure if they are outdated, because I can’t get them to work.

I also found a related post here, but this is more suitable for an image gallery than for displaying posts on the frontpage of a site.

I’m on the Pro version if that makes any difference.

Any help is appreciated!

• This topic was modified 2 years, 6 months ago by Rafael Marcano.
• This topic was modified 2 years, 6 months ago by Rafael Marcano.

[Eze]

Eze

#286237

Hi there,

I understand you want to add pagination to your archive blog post.

If you have the Kadence Blocks Pro installed on your website, you can achieve this using the Post Grid/Carousel Block.

Here is a screencast of how to achieve this using the Post Grid/Carousel Block “Use Pagination” feature:
https://share.getcloudapp.com/2NuWbPAy

Alternatively, you can use the Gutenberg Query Loop Block and add a pagination element to it. Here is a screencast for your reference:
https://share.getcloudapp.com/yAunJ0lP

I hope this helps. Please let us know how we can help further.

Cheers,
Eze

[Karla]

Karla

#286175

Hi, Claire!

I’m sorry for the delay in getting back to you.

When I enable the box shadow on my Post Grid/Carousel blocks, they show even on mobile views. Watch this screen recording – https://share.zight.com/Jrum8mEJ.

I’m using the Kadence Blocks Pro 2.0.16 on my website.

Could you confirm if this issue is still happening on your website?

Regards,
Karla

[thedetoureffect]

thedetoureffect

#286045

Hi Karla,

The border issue seems to be mostly resolved (some old posts have it messed up but if I go back to edit and re-establish the border again, it will work), however there is still no box shadow on Post Grid Carousels on mobile.

[gilberthernandez]

gilberthernandez

#286013

Hello Faizan,

I visited your site and saw that your grids are created using the Ultimate Addons for Gutenberg plugin (UAGB). You’ll need to refer to the UAGB blocks’ settings for why the titles don’t change color on hover. For example, Kadence’s Advanced Text block provides settings to change the color on hover. Check the UAGB block’s settings for similar settings.

For reference, here is a screenshot of the post blocks that show the CSS comes from the UAGB plugin.

[faizan.amjad86]

faizan.amjad86

#285997

This reply has been marked as private.

[Karla]

Karla

#285984

Hi there!

I checked the styles of a post content paragraph and I saw that it’s following the global base font styles – https://share.zight.com/Z4upj6b1.

Could you confirm if you’re “publishing” the change in the Customizer? It’s possible that you only have saved it as a draft – https://share.zight.com/mXuvK1d2.

I saw that the font size isn’t taking effect in the Customizer though. Is this the issue you’re referring to? I’ll create a report for this so our team can fix it in the Customizer.

Post title hover colors

If you use the Post Grid/Carousel block, go to its Advanced settings tab and choose a different color for the hover title color under Title Settings – https://share.zight.com/YEuzOXGP.

However, when I inspected your page, I saw that you’re using a block from another plugin. Check its block settings to see if they have similar title color settings. Then, do the same step of selecting the hover color of the post titles.

I hope this helps, and let us know if we can help you further.

Regards,
Karla

[Karla]

Karla

#285897

Hi, Alan and Bret!

We now have documentation for overriding the Post Grid/Carousel block using the Kadence Theme Pro’s Hooked Element feature. See it here – https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-design-a-post-grid-carousel-using-a-kadence-element/

Also, since you have the Kadence Blocks Pro add-on, you can add a dynamic block to show the ACF field value.

Alternatively, you can make use of Gutenberg’s Query Loop block if your layout is a grid. Inside this block’s Post Template, you can use the Kadence blocks and show dynamic content.

I hope this helps, and let us know if we can help you further.

Regards,
Karla

[Eze]

Eze

#285893

Hi Rafael,

The Use Pagination should be just below the Offset Starting Post.

Here is a screencast for your reference:
https://share.getcloudapp.com/bLuyggwG

Can you confirm what version of Kadence Blocks Pro you are using?

I am currently using Kadence Blocks – PRO Extension Version 2.0.15.

I also tested it with the latest Kadence Blocks Pro version 2.0.16, and I have the “Use Pagination” option in the Post Grid/Carousel block.

Please try the following troubleshooting steps here:
https://www.kadencewp.com/blog/how-to-troubleshoot-your-website/

If the issue persists, please send us a support ticket so we can investigate further:
https://www.kadencewp.com/premium-support-tickets/

I hope this helps. Please let us know how we can help further.

Cheers,
Eze

[Rafael Marcano]

Rafael Marcano

#285892

I’ve been trying a few settings on the Post Grid/Carousel block, but I cannot get the option to activate pagination to show up. See attached image. What am I doing wrong here?

[Rafael Marcano]

Rafael Marcano

#285892

I’ve been trying a few settings on the Post Grid/Carousel block, but I cannot get the option to activate pagination to show up. See attached image. What am I doing wrong here?

[Brett Coleman]

Brett Coleman

#285890

This is exactly what I’m looking for as well. I’m even looking for the file mentioned, and it’s likely moved. Can anyone just post an example of how to hook or insert an ACF field directly into the Post Grid/Carousel block (below title, or elsewhere)? Did Alan Dowling figure this out? I have a team page of staff and I need to show the title. I appreciate the block with taxonomy filtering, but if I have to create an element loop without the filtering, that is the next step. Suggestions welcome…