Hey Ben
Thank you for getting back to me.
Can you explain this more: “the category pages are all displaying posts listed with the “blog_grid” siteorigin widget”. How are you applying a widget to categories and why are you applying a widget to categories?
What I mean by this, is that I have set up a WP page called “Books”, then switched to the siteorigin editor, I’ve added a row, and the shortcode; “[blog_grid orderby=menu_order items=60 columns=2 cat=oldbooks]” – the effect of which means the blog posts for category “oldbooks” show on the page in a grid.
I would like to find a way to highlight the posts that are +7 days old by adding a “new” class to the blog grid title. My previously quoted function works fine on single posts / main blog page, but for some reason it does not work on the “oldbooks” posts displaying in the blog_grid shortcode page.
I suspect that the filter “add_filter(‘post_class’, ‘is_new_post’);” may not be getting applied when they are displayed in a custom blog grid ? I am wondering if there is a filter that I can use e.g. “Kad-before-post-title ” or something like that ?
Hey,
Can you explain this more: “the category pages are all displaying posts listed with the “blog_grid” siteorigin widget”. How are you applying a widget to categories and why are you applying a widget to categories?
Can you post a link?
Ben
Hi there,
I’m using Post Grid/Carousel to display a Post type that will have a huge amount of Categories to choose from.
I would like to know if there is a way to “restrict” the Filter Labels display to only the “Main” Categories, without the child Categories.
Thanks
Mone
It depends on the block, when you say grid do you mean the post grid? With that you can use the hooks in the makeup. For example, if you wanted a subtitle to show after the title in the post grid you can use a PHP snippet like this:
add_action( 'kadence_blocks_post_loop_header', 'custom_subtitle_for_post_grid', 25 );
function custom_subtitle_for_post_grid( $attributes ) {
echo 'subtitle call here';
}
Ben
Hi Roman,
In your Post Grid/Carousel block settings open the Title Settings tab and there you can adjust the title tag.

Hope that helps!
Best,
Hannah
Hi Ben and Hannah and team
I am using the below code to add a class to a post if it is over 7 days old (so that I can show a “new” badge if the post is new). This works on single post fine, but I can’t get it to work on the archive (categories) pages – it seems these don’t have the same header classes – the category pages are all displaying posts listed with the “blog_grid” siteorigin widget… Any clues how I can get the below to show in these blog grid posts?
` function is_new_post($class) {
global $post;
$id = get_the_ID();
$date = get_the_date( $format, $id );
if( strtotime( $date ) < strtotime( “-7 days” ) ) { // if post is 7 days old or less
$class[] = ‘-NEW’;
} else {
$class[] = ‘-OLD’;
}
return $class;
}
add_filter(‘post_class’, ‘is_new_post’);
`
I think what is happening is that the single posts have an <article> tag that the above is prepending the new class to, but with the blog grid, there is no <article> tag, only “class=”entry-title”
-
This topic was modified 5 years, 2 months ago by
Solace.
-
This topic was modified 5 years, 2 months ago by
Solace.
-
This topic was modified 5 years, 2 months ago by
Solace.
How can I change <h2> to <h3> in post grid element?
Hi Johnny,
The Post Grid/Carousel block from Kadence Blocks actually allows you to customize this in the blcok settings. Would this work for you?
https://www.kadenceblocks.com/pro/
Kindly,
Hannah
Hello again,
Glad you were able to find a solution! Another option is to set your homepage as the latest posts page from Customize > Homepage Settings. Or you can use the Post Grid/Carousel block from Kadence Blocks Pro. http://themes.kadencethemes.com/ascend-premium-10/post-grid-carousel/
All the best,
Hannah
Hi,
the post appear perfectly, but I want a drop shadow around them as in the archive grid (Customizing ▸ General, single post and archive grid)
Hi,
is there a way to make post grid item on the home page (option “show your latest posts”) boxed with a shadow as in Customizing ▸ General, single post and archive grid?
Hello,
I can’t find where we can put image of posts in the archives.
I send you an example of page where I would like the image : *Login to see link
Is it possible to have image on archives or it’s just a grid text post ?
Can you help me please ??
Thanks
Elisabeth
Hey,
I think using CSS is the best way to achieve this. If using the Ascend Post Grid widget you can use the following css to make your images 100px.
a.imagegrid_item.lightboxhover, img.attachment-widget-thumb.wp-post-image {
width: 100px;
}
Let me know how that works for you!
Best,
Hannah
Hey Martijn,
I actually would recommend using a shortcode like this: [portfolio_posts orderby=date style="pgrid" columns=3 items=6 ratio="square" lightbox=true showtypes=true]
Let me know how that works for you!
Kindly,
Hannah
This reply has been marked as private.
Hi Åsa,
Apologies for the delay! Hope you enjoyed your weekend.
What is your intention for the css you’re adding? I suggest removing that. Does that resolve this?
Have you worked within the block editor at all? The Post Grid/Carousel Block from Kadence Blocks Pro makes adding a blog grid onto a page super easy. http://themes.kadencethemes.com/ascend-premium-10/post-grid-carousel/
Kindly,
Hannah
Hi Hannah,
I have an Ascend Post grid Portfolio widget in my footer column. (6 photos)
Can the size of these photo’s be increased to for example 100 by 100 pixels?
Best regards,
Martijn
Hello,
if I select 5 blog elements in the settings and activate “Allow Sticky Posts?”, I get one more post on the page.
I think there is a bug with “Allow Sticky Posts?” activated.
Hi!
On a web page I use [blog_grid orderby=date items=3 columns=3 cat=utstallningar] to show three posts in a ros. But for some reason it looks like this: *Login to see link
The header shows up differently on the three posts. I need to control them and want the header to be displayed on the same distance. I have child theme to the latest version of Virtue theme.
Custom css:
.kt-intrinsic img.kt-image-intrinsic {
max-width: auto;
height: 400px;
}
Looking forward to your excellent support,
//Åsa