Search Results for 'post grid'

[llepere]

llepere

#294567

Here is a recording that shows my setup: https://share.zight.com/v1ukD2yp

The idea is to populate everything in the post by using the ACF fields. The site editors are all volunteers with very little technical background. The block editor is intimidating to them.

With more poking around, I realize I can copy the Teaser Text into the content area or create a custom excerpt by clicking “Add an excerpt” and it will show up in the Post Grid. But it’s one more step. I am able to set the Featured Image using a custom field with the Name set to _thumbnail_id. Is there any way to create a custom excerpt using a custom field?

[architabasandrai]

architabasandrai

#294556

Hi @llepere

Welcome to Kadence Support.

I tried to replicate the issue by creating a Kadence Hooked Element for single posts, and the Post Grid/Carousel displays just fine.
Check the screencast here: https://share.zight.com/NQuXDEql

The Post Grid Carousel displays the content exactly as it is added inside your posts. Could you please share how the content is structured in your posts (e.g. blocks used, excerpts, custom fields, etc.)? That will help us better understand the issue.

Can you share the screen recording of the whole process? You can use apps like Zight or Loom to record your screen or capture screenshots of the issue and easily share the links with us.

Looking forward to your reply.

Regards,
Archita

[llepere]

llepere

#294523

I have a Kadence Template element that’s replacing single post content for a specific category of posts. The text in the templated posts is added via a Dynamic HTML block using a WYSIWYG ACF field. When I show the posts in a Post/Grid Carousel there is no excerpt shown. There are other posts from different categories in the same Post/Grid Carousel and for those an excerpt generated from the post content is shown (they don’t have a custom excerpt). Am I doing something wrong? Or when using a template element does the WordPress fallback of using the post content as the excerpt not work? (I did try adding some static text to the template and that was not shown in the Post/Grid Carousel either.)

If I add a custom excerpt to the templated post it is displayed in the carousel. Is there a way to set a custom excerpt using an ACF field?

[llepere]

llepere

#294523

I have a Kadence Template element that’s replacing single post content for a specific category of posts. The text in the templated posts is added via a Dynamic HTML block using a WYSIWYG ACF field. When I show the posts in a Post/Grid Carousel there is no excerpt shown. There are other posts from different categories in the same Post/Grid Carousel and for those an excerpt generated from the post content is shown (they don’t have a custom excerpt). Am I doing something wrong? Or when using a template element does the WordPress fallback of using the post content as the excerpt not work? (I did try adding some static text to the template and that was not shown in the Post/Grid Carousel either.)

If I add a custom excerpt to the templated post it is displayed in the carousel. Is there a way to set a custom excerpt using an ACF field?

[arsalans]

arsalans

#294422

Hi,

I am also seeing the same error, have tried multiple things already, including deactivating other plugins insalling Really Simple SSL etc.

This is the console error log.

load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=6.8.2:5 JQMIGRATE: Migrate is installed, version 3.4.1
starter-templates.js?ver=19dfafa0c7b74968422d:2 starterType ai
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 wp.components.__unstableUseCompositeState is deprecated since version 6.7. Please use Composite instead.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 wp.components.__unstableCompositeItem is deprecated since version 6.7. Please use Composite.Item instead.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
react-dom.min.js?ver=18.3.1.1:10 A speculation rule set was inserted into the document but will be ignored. This might happen, for example, if it was previously inserted into another document, or if it was created using the innerHTML setter.
Hr @ react-dom.min.js?ver=18.3.1.1:10
starter-templates.js?ver=19dfafa0c7b74968422d:2 Trigger Grid refresh
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 Bottom margin styles for wp.components.CheckboxControl is deprecated since version 6.7 and will be removed in version 7.0. Note: Set the __nextHasNoMarginBottom prop to true to start opting into the new styles, which will become the default in a future version.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 Bottom margin styles for wp.components.ToggleControl is deprecated since version 6.7 and will be removed in version 7.0. Note: Set the __nextHasNoMarginBottom prop to true to start opting into the new styles, which will become the default in a future version.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 wp.components.ButtonGroup is deprecated since version 6.8. Please use wp.components.__experimentalToggleGroupControl instead.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
starter-templates.js?ver=19dfafa0c7b74968422d:1 > removeContent response: Object
starter-templates.js?ver=19dfafa0c7b74968422d:1 > Plugins response: Object
install-pages:1 Failed to load resource: the server responded with a status of 503 ()
starter-templates.js?ver=19dfafa0c7b74968422d:1 ERROR: The response is not a valid JSON response.
api-fetch.min.js?ver=3623a576c78df404ff20:2 POST https://staging.ukvisaworks.com/wp-json/kadence-starter-library/v1/update-pages?_locale=user 500 (Internal Server Error)
j @ api-fetch.min.js?ver=3623a576c78df404ff20:2
h @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
P @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
o @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
P.method.t @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
o @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
r @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
g @ api-fetch.min.js?ver=3623a576c78df404ff20:2
(anonymous) @ api-fetch.min.js?ver=3623a576c78df404ff20:2
A @ api-fetch.min.js?ver=3623a576c78df404ff20:2
updateStarterPages @ starter-templates.js?ver=19dfafa0c7b74968422d:1
(anonymous) @ starter-templates.js?ver=19dfafa0c7b74968422d:1
starter-templates.js?ver=19dfafa0c7b74968422d:1 ERROR: No pages to install.

[Anonymous]

Anonymous

#294394

Hi Adam,

We’d like to provide you guidance on this.

Currently, there is no built-in option to do this.

If you are using a Post Grid/Carousel block, then we have an existing feature request for this. If you could please take a moment to vote and comment on the feature request, that will help the development team better understand the importance of adding this: https://feedback.kadencewp.com/p/add-option-to-have-different-style-for-sticky-posts-in-post-grid-carousel-block

Please note that we cannot give an ETA of when this will be added.

We appreciate your continued patience and understanding regarding this matter.

Kind Regards,
Michael Taro

[Bonn]

Bonn

#294266

Hi Krystal,

Thanks for the update.

Try adding this Code Snippet instead:

add_filter('get_the_categories', function($categories, $post_id) {
	return array($categories[0]);
}, 20, 2);

This should display only the primary category in the post grid/carousel block.

Let me know if that works for you.

[mrtwanstall]

mrtwanstall

#294224

Hello,

I’m following this guide – *Login to see link to display the value of a date custom field.

It’s all working fine except the actual date is returned in the wrong format.

In ACF the date field set as:

Display Format
The format displayed when editing a post
July 5, 2025
F j, Y

Return Format
The format returned via template functions
July 5, 2025
F j, Y

This is the format that is being returned: 20250705

Do I need to add something else to snippet to force the return date to be in the format F j, Y as set in ACF?

add_action(‘kadence_blocks_post_loop_start’, function($attributes){
if ( isset($attributes[‘className’]) && strpos($attributes[‘className’], ‘special-carousel’) !== false ) :
echo do_shortcode(‘[kadence_element id="15804"]‘);
endif;
}, 20);

Thank you!

[mrtwanstall]

mrtwanstall

#294224

Hello,

I’m following this guide – *Login to see link to display the value of a date custom field.

It’s all working fine except the actual date is returned in the wrong format.

In ACF the date field set as:

Display Format
The format displayed when editing a post
July 5, 2025
F j, Y

Return Format
The format returned via template functions
July 5, 2025
F j, Y

This is the format that is being returned: 20250705

Do I need to add something else to snippet to force the return date to be in the format F j, Y as set in ACF?

add_action(‘kadence_blocks_post_loop_start’, function($attributes){
if ( isset($attributes[‘className’]) && strpos($attributes[‘className’], ‘special-carousel’) !== false ) :
echo do_shortcode(‘[kadence_element id="15804"]‘);
endif;
}, 20);

Thank you!

[teejayhidalgo]

teejayhidalgo

#293691

Hi morningsidekick,

I tested this on my end and was not able to replicate the issue. By default, the Title and Excerpt do not overlap or cut each other off.

Here is a screen recording for reference: https://share.zight.com/4guv210l

Additionally, the Post Grid/Carousel block includes Typography settings for adjusting the line height of both the Title and the Excerpt. You can find these options in the block’s advanced settings.

Here is another screen recording for reference: https://share.zight.com/o0ul6Eyy

Could you please share the link to the page where the issue appears? This will help us check what might be causing the overlap and determine whether any custom CSS is needed to fix it.

Please let us know; we’ll be happy to help.

Best regards,
Teejay.

[Anthony Paparelli]

Anthony Paparelli

#293690

Hi Phvntom Inc,

I just wanted to let you know that Kadence Blocks v3.5.6 was released today. According to the changelog, the comma separated CC issue should be fixed.

Changelog:

Release Date: May 1st 2025

Update: Connect custom post category colors with relevant blocks (posts, post grid)
Enhancement: Improved design library navigation, filtering, and sorting.
Fix: Comma separated CC field not sending to multiple users.
Fix: Transparent Logo Reverts to Default Logo After Scrolling Back Up with Sticky Header Enabled.
Fix: Text alignment on frontend in table block.

[morningsidekick]

morningsidekick

#293652

Hi.

Using Post/Grid Carousel to list most recent posts by category. Would love to tighten up the spacing between the post title and the post excerpt, but don’t see a setting and adjusting the line height of the excerpt cuts off the bottom of the excerpt text. Tried giving the P/G C block additional CSS:

/* Target with custom class */
.my-custom-carousel .entry-title {
margin-bottom: -5 !important;
}

.my-custom-carousel [class*=”meta”] {
margin-top: -5 !important;
padding-top: -5 !important;
}
but this didn’t work.

Would appreciate any guidance.

[morningsidekick]

morningsidekick

#293652

Hi.

Using Post/Grid Carousel to list most recent posts by category. Would love to tighten up the spacing between the post title and the post excerpt, but don’t see a setting and adjusting the line height of the excerpt cuts off the bottom of the excerpt text. Tried giving the P/G C block additional CSS:

/* Target with custom class */
.my-custom-carousel .entry-title {
margin-bottom: -5 !important;
}

.my-custom-carousel [class*=”meta”] {
margin-top: -5 !important;
padding-top: -5 !important;
}
but this didn’t work.

Would appreciate any guidance.

[chitocamacho]

chitocamacho

#293508

Hey Thomas,

Thanks for writing in!

You can create a hooked element to add a custom Read More button using the Kadence Text (Adv) which has the option to open the link in a new tab. Here’s an example: https://share.zight.com/v1uzA2nx

In the hooked element Display Settings, target the page where you have the Post Grid/Carousel. For more info, visit our documentation:
https://www.kadencewp.com/help-center/docs/kadence-blocks/how-to-design-a-post-grid-carousel-using-a-kadence-element/

Another option is to use this custom script: https://pastebin.com/3PSuY3kf

If you have the Kadence Theme Kit Pro plugin, you can utilize the Header/Footer Script.

Add the code in Customizer > Custom Scripts > Footer.

If you don’t have the plugin, you can use a third-party plugin that can insert footer scripts to your website.

Please let us know how we can assist further.

Best,
Chito

[Thomas]

Thomas

#293497

Hi support I am using the post grid/carousel element on my blog page of my website.
How can I make it that if someone clicks on the read more button that the link opens in a new tab or window?
see attachment for a screenshot.

Cheers

[Thomas]

Thomas

#293497

Hi support I am using the post grid/carousel element on my blog page of my website.
How can I make it that if someone clicks on the read more button that the link opens in a new tab or window?
see attachment for a screenshot.

Cheers

[Anonymous]

Anonymous

#293289

Hi there,

We’d like to help you on this.

Currently, the limit for related posts is 6. There is no built-in option to go beyond that.

We can try an alternative though.

A workaround you can do is by the use of a Hooked Element. See this recording for reference: https://www.loom.com/share/42e794597b664b619f678fd56fea0f72

You can also follow these steps to create something similar to Related Posts:

1. Element’s Placement Settings, select After Content.
2. Element’s Display Settings, select Single Post.
3. Then, add the Post Grid/Carousel block.
4. On its settings, enable “Show Unique”.
5. Select the correct post type as well, and categorize them by a specific taxonomy.

Also, we might have an existing feature request related to this, but I don’t have a firm timeline on when or if that might be developed.

Feature requests go straight into a strategy board where they will be reviewed by the Development team. We take certain factors into account when deciding which features to build and which to remain pending.

Here’s the link to the feature request so you can comment on additional information, that will help the development team better understand the importance of adding this feature: https://feedback.kadencewp.com/p/related-posts-carousel-allow-more-items

We appreciate your continued patience and understanding regarding this matter.
 
Kind Regards,
Michael Taro

[Anonymous]

Anonymous

#292830

Hi there,

Have you looked into what Ben recommended? Try using the Post Grid/Carousel block and select the custom post type as source. See this for a more detailed guide: https://www.kadencewp.com/help-center/docs/kadence-blocks/kadence-blocks-post-grid-carousel-block/

Let us know if we can assist you further.

Kind Regards,
Michael Taro

[thedetoureffect]

thedetoureffect

#292751

Hi there,

I am creating a page on my blog that’s supposed to mirror what my Instagram profile looks like (I don’t want to embed my Insta, I am uploading all my old photos so I can host it myself). When each post is just one photo, the Advanced Gallery block works great. However, when one of the posts is supposed to be a carousel of multiple photos, the little dots underneath are creating extra space which makes the whole grid look uneven. I know I can click “none” to remove the dots entirely, but then people can’t really tell that one of the posts is a carousel. The arrows on the right and left are too faint and unnoticeable.

Is there some way to have the two dots be on top of the photos instead of underneath? Or if I just remove the dots entirely, is there some other way to make it more obvious that it’s a carousel and not just one photo? Like on Instagram how they usually put the white layered squares symbol in the upper righthand corner.

I’ve attached two screenshots, one shows how I want the grid to look – the margins/padding is all even. The other shows how uneven it looks when the dots are there, and how the arrows are barely even visible (I did try white on dark, dark on light, outline, etc – the arrows are not ever much more visible than what you can see in the screenshot).

Thanks,
Claire

[thedetoureffect]

thedetoureffect

#292751

Hi there,

I am creating a page on my blog that’s supposed to mirror what my Instagram profile looks like (I don’t want to embed my Insta, I am uploading all my old photos so I can host it myself). When each post is just one photo, the Advanced Gallery block works great. However, when one of the posts is supposed to be a carousel of multiple photos, the little dots underneath are creating extra space which makes the whole grid look uneven. I know I can click “none” to remove the dots entirely, but then people can’t really tell that one of the posts is a carousel. The arrows on the right and left are too faint and unnoticeable.

Is there some way to have the two dots be on top of the photos instead of underneath? Or if I just remove the dots entirely, is there some other way to make it more obvious that it’s a carousel and not just one photo? Like on Instagram how they usually put the white layered squares symbol in the upper righthand corner.

I’ve attached two screenshots, one shows how I want the grid to look – the margins/padding is all even. The other shows how uneven it looks when the dots are there, and how the arrows are barely even visible (I did try white on dark, dark on light, outline, etc – the arrows are not ever much more visible than what you can see in the screenshot).

Thanks,
Claire

[Alan Dowling]

Alan Dowling

#292738

Is there a way to change the text that appears when no posts are present when using the Post Grid/Carousel block? Right now it simply shows a paragraph that reads “No posts”. Is there a way to change this somehow?

[Alan Dowling]

Alan Dowling

#292738

Is there a way to change the text that appears when no posts are present when using the Post Grid/Carousel block? Right now it simply shows a paragraph that reads “No posts”. Is there a way to change this somehow?

[Karla]

Karla

#292538

Hi, everyone!

The instructions above are incorrect. The Search Results page is an archive page and this will show the posts in a grid layout if you’re using the Kadence Theme.

The layout options for customization can be found in Appearance > Customize > Search Results. Watch this screencast: https://share.zight.com/E0uNryAY

For any other questions, please open a new topic or submit a premium support ticket here if you’re a pro user.

I’ll close this topic now.

Thanks for your understanding.

[victormonk]

victormonk

#292460

Hey Peter,

Welcome to Kadence Support. We are here to help.

There isn’t a built-in way to do this. However, you can use some Custom CSS to do so. You can add Custom CSS in the Customizer -> Additional CSS.

Custom CSS Code:

.kt-post-grid-wrap .kt-blocks-post-grid-item .entry-title a:hover {
	text-decoration: underline;
}

Here is a clip of this CSS for reference.

I hope this helps. Please let me know if this works for you or if we can further assist.

Best regards,
Victor

[peter-0078]

peter-0078

#292455

I have a post grid/carousel block with “Show Image” turned off and “Show Title” turned on, so only the titles are displayed. “Title is a link to post” is turned on.

I want the title (link) to be underlined on hover. I can’t find any way to do this. Under Title Settings > Hover, there is no option available for underline.

Can you please let me know how to do this? Thanks!

• This topic was modified 1 year, 4 months ago by peter-0078.
• This topic was modified 1 year, 4 months ago by peter-0078.

[peter-0078]

peter-0078

#292455

I have a post grid/carousel block with “Show Image” turned off and “Show Title” turned on, so only the titles are displayed. “Title is a link to post” is turned on.

I want the title (link) to be underlined on hover. I can’t find any way to do this. Under Title Settings > Hover, there is no option available for underline.

Can you please let me know how to do this? Thanks!

• This topic was modified 1 year, 4 months ago by peter-0078.
• This topic was modified 1 year, 4 months ago by peter-0078.

[teejayhidalgo]

teejayhidalgo

#292405

Hi Peter,

I understand that you would like the dots in the carousel to function in such a way that users can tab through each of the dots and then press Enter when a specific dot is selected, which would move the slide to that particular item.

For reference, here’s a screen recording demonstrating this behavior: https://share.zight.com/NQunZyvN.

Currently, the behavior is that when the user presses the Tab key, it only selects the dot of the currently active slide. Pressing Tab again moves the highlight to the next focusable element with a tabindex.

For a demonstration of this current functionality, here’s a screen recording: https://share.zight.com/ApuorZON.

Additionally, users can navigate the dots using the left and right arrow keys on the keyboard, which allows for slide navigation.

Here’s a recording showing this functionality: https://share.zight.com/OAudrkLY.

This feature enables users to interact with the carousel in a familiar and consistent way without having to rely solely on the dot navigation. However, while arrow keys are convenient for navigating between elements within certain interfaces (e.g., menus or sliders), I understand that they are not universally supported across all web applications. For instance, some menus may not support arrow key navigation and might instead require users to rely on the Tab key to move between elements.

The Post Grid/Carousel block in use employs Splide for its carousel functionality. After reviewing this, it appears that the current design decision is intentional. More information on Splide’s accessibility features can be found here: https://splidejs.com/guides/accessibility/.

Here’s a screenshot of Splide’s accessibility guide for reference: https://splidejs.com/guides/accessibility

I hope this helps. Feel free to reach out if you have more question about this topic.

Best regards,
Teejay.