Search Results for 'post grid'

[faizan.amjad86]

faizan.amjad86

#285779

Hi,

1. I am trying to increase the text size in the post content (Typography > Basefont) but when I hit published button nothing happens, font size remains the same.

2. Another issue is I have added post grid block on my homepage that shows posts from a particular category. The problem is post title color doesn’t change upon hovering.

Please suggest some fix.

Thank you

[faizan.amjad86]

faizan.amjad86

#285779

Hi,

1. I am trying to increase the text size in the post content (Typography > Basefont) but when I hit published button nothing happens, font size remains the same.

2. Another issue is I have added post grid block on my homepage that shows posts from a particular category. The problem is post title color doesn’t change upon hovering.

Please suggest some fix.

Thank you

[chitocamacho]

chitocamacho

#285708

Hi Dejan,

Which editor are you using? If you’re using Gutenberg, you can use the following blocks:
* Gutenberg Query Loop
* Gutenberg Latest Posts
* Kadence Posts
* Kadence Post Grid/Carousel

If not, let me know which editor you’re using, and I’ll see how/if I can help.

Best,
Chito

[vgpapi]

vgpapi

#285697

Or simply, can Blog Grid Page or Post Grid Archive Page have a visible date instead of a calendar tooltip and how ?

[vgpapi]

vgpapi

#285692

Hello !

I have a page which should contain some decrees and it is important that they are dated, of course. There is calendar date tooltip, but should be visible. It can be done with classic Blog page template, but Blog Grid is better solution.
So, is there a way to do that, like “Latest Blog Posts” on Home page e.g.

I’m stuck or I missed something …

Thanks

Dejan

[vgpapi]

vgpapi

#285692

Hello !

I have a page which should contain some decrees and it is important that they are dated, of course. There is calendar date tooltip, but should be visible. It can be done with classic Blog page template, but Blog Grid is better solution.
So, is there a way to do that, like “Latest Blog Posts” on Home page e.g.

I’m stuck or I missed something …

Thanks

Dejan

[teejayhidalgo]

teejayhidalgo

#285674

Hi Lea,

Yes, the pagination reloads the page, so it is expected behavior to show the content from the very top.

Here’s a screen recording for reference: https://share.getcloudapp.com/qGu6X5Ap

There is no option with this block to scroll to its position after going to different pages.

A workaround is to add a custom script, so it’ll scroll down to the block if the URL contains the “page” text:

1. Insert the Post Grid/Carousel block inside a Row Layout block.
2. Add an HTML Anchor in the Advanced Setting of the Row Layout block container of the Post Grid/Carousel block.
   As an example postsblock
3. Add this Javascript in the Kadence Blocks Control > Page Scripts – In the footer.

<script>
if (window.location.href.indexOf("page") > -1) {
    scrollTo('postsblock');
}
    function scrollTo(hash) {
    location.hash = "#" + hash;
    }
</script>

Here’s a screen recording for reference: https://share.getcloudapp.com/X6u79AWA

I hope this helps. If I misunderstood what you’re trying to do or if what I have shown is still not working for you, please let us know, and we’ll be more than happy to help.

Best regards,
Teejay.

[thedetoureffect]

thedetoureffect

#285483

Hi Karla,

At the bottom of every post, I put a Post Grid Carousel of “related posts”. The styles I use for this are different than the styles I use in the example above, which is just one singular post and not a carousel. I do not set a border on the carousel. If I use your custom CSS, is that going to affect all my carousels too?

Did you have any thoughts on my second reply about how there’s no box shadow on my post grids on mobile?

Thanks,
Claire

[Karla]

Karla

#285472

Hi there!

Currently, post features such as post navigation and similar posts cannot be enabled in Custom Post Types (CPTs). There is an active feature request related to this, you can also add your vote here. However, please note that we cannot give an estimated date for when this will be added.

Your child theme PHP template override is cool. If you want a workaround without using a child theme, you can add a hooked element to mimic the related posts section. However, this will not give the exact algorithm that the theme uses for the default navigation and similar posts.

Here’s a screen recording for your reference – https://share.getcloudapp.com/L1uW1KXL.

You can 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 [CPT name].
3. Then, add the Post Grid/Carousel block. On its settings, enable “Show Unique”.
4. Select the correct post type as well, and categorize them by a specific taxonomy.

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

Regards,
Karla

[Karla]

Karla

#285468

Hi!

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

I can confirm that there’s an issue with the border styles. The inline style for the block still has the properties to set each side’s border width to 0 – https://share.getcloudapp.com/7KuXgdBd.

If you’re using the same post grid layout for all your posts, you can add this to Customizer > Additional CSS:

.single-post .kt-blocks-post-grid-item {
    border-top-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
}

I hope this helps, and let us know if we can help you with anything else.

Kind regards,
Karla

[Karla]

Karla

#285466

Hi there!

I’m sorry for the lack of response here.

I checked the post and I can see the Post Grid block showing in the carousel for mobile – https://share.getcloudapp.com/Apul11mw.

Please let us know if you are still having issues with the block.

Kind regards,
Karla

[thedetoureffect]

thedetoureffect

#285344

I also just saw that my Post Grid Carousel on this post does not have a box shadow on mobile. It does have a box shadow on desktop.

[thedetoureffect]

thedetoureffect

#285311

Hi there,

Sometimes when I use the “Post Grid” block within my blog posts, I set it to just show one post. I always adjust the border to 10px and make the border white. This puts a nice frame around the block. Lately, when I adjust the border to be 10px, it looks correct in the editor, but there is no border on the live page. Or the border is only on one side instead of all the way around, even though I am definitely setting it to 10px for all four sides. See pictures of how it looks in editor vs live. You’ll notice it best if you look at the lefthand photograph and how there’s no white edges around it on the live version. Here is the page from the pictures.

If I also mess around with a lot of other settings like the container padding, header padding, etc etc, then I can force it to work. But why doesn’t it work the way it used to when all I had to do was set a border?

Thanks,
Claire

[thedetoureffect]

thedetoureffect

#285311

Hi there,

Sometimes when I use the “Post Grid” block within my blog posts, I set it to just show one post. I always adjust the border to 10px and make the border white. This puts a nice frame around the block. Lately, when I adjust the border to be 10px, it looks correct in the editor, but there is no border on the live page. Or the border is only on one side instead of all the way around, even though I am definitely setting it to 10px for all four sides. See pictures of how it looks in editor vs live. You’ll notice it best if you look at the lefthand photograph and how there’s no white edges around it on the live version. Here is the page from the pictures.

If I also mess around with a lot of other settings like the container padding, header padding, etc etc, then I can force it to work. But why doesn’t it work the way it used to when all I had to do was set a border?

Thanks,
Claire

[thedetoureffect]

thedetoureffect

#285248

I am having the same problem. I just posted this new blog post minutes ago, here. On desktop it has the carousel layout but on mobile it’s a grid. It can’t possibly be a cache problem because the post is brand new, it never existed before, there are no past caches of this page.

[eugentews]

eugentews

#285087

Hi,

I have a problem with the Post Grid/Carousel since the last update.

My Settings are Carousel but it shows like Grid
Example Page: *Login to see link

Greets,

Eugen

[eugentews]

eugentews

#285087

Hi,

I have a problem with the Post Grid/Carousel since the last update.

My Settings are Carousel but it shows like Grid
Example Page: *Login to see link

Greets,

Eugen

[Karla]

Karla

#285042

Hi there!

It would greatly help us better recommend things if we can see your current progress or setup. If you have a staging/development website that we can see, kindly send it here (you can set your reply as private so only you and the support team members can see the URL).

[carousel under the header]
1. Have you set the Row Layout block to show in full width? If not yet, you can follow the steps in our post here – https://www.kadencewp.com/kadence-blocks/documentation/block-tutorials/adding-a-fullwidth-row/
2. There’s no built-in option to do that. How about using a Tabs block? However, this will not take your users to other pages.

[On my product detail page: I have cross/upsell products, but can I turn it into a carousel, so I can show more items?]
It will show as a carousel if the related products are more than 3. Otherwise, a normal grid of products will be displayed.

[Can my woocommerce product also have video in the gallery, or only images] [My woocommerce products image gallery are square, can I change the aspect ratio to a rectangle?]
Both of these can be achieved if you are using the Kadence Shop Kit plugin.

The videos for the product gallery need to be added to each image. The gallery custom ratio or size can be set in Shop Kit > Product Gallery settings. Watch this screen recording – https://share.getcloudapp.com/jkuRNgAY.

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

Regards,
Karla

[Karla]

Karla

#284974

Hi, Jonny!

I cannot view any of your pages. This screen appears – https://share.getcloudapp.com/xQuEmWvL.

I you want to show a featured page or post list on your homepage together with other content, you can use different post blocks from our Kadence Blocks plugin or from Gutenberg itself.

Some of these blocks are:

1. Posts (Kadence Blocks)
2. Post Grid/Carousel (Kadence Blocks Pro)
3. Latest Posts
4. Post List

If these are not what you’re looking for, could you at least send us a screenshot of the layout you’re trying to achieve so we can better recommend blocks?

Let us know how we can help you further.

Regards,
Karla

[Solace]

Solace

#284941

Hey there,

Firstly, thank you for your help, I appreciate it.

Secondly, I tried the ” Theme Settings > Blog Options. The option name is Blog post navigation setting” – but it had no effect.,

Yes, I am using a custom page template with custom nav code (I simply copied the portfolio code into a “staff” page template.

I think the problem is – the Prev / Next do not seem to be picking up the category (staff group) tax.

			<div class="portfolionav clearfix">
                <?php global $post, $virtue_premium; if(!empty($virtue_premium['portfolio_arrow_nav']) && ($virtue_premium['portfolio_arrow_nav'] == 'cat') ) {$arrownav = true;} else {$arrownav = false;}	
                $parent_link = get_post_meta( $post->ID, '_kad_portfolio_parent', true ); if(!empty($parent_link) && ($parent_link != 'default')) {$parent_id = $parent_link;} else {$parent_id = $virtue_premium['portfolio_link'];}
                previous_post_link_plus( array('order_by' => 'menu_order', 'loop' => true, 'in_same_tax' => $arrownav, 'format' => '%link', 'link' => '<i class="icon-arrow-left"></i>Previous Bio&nbsp;') ); ?>
                    <?php if( !empty($parent_id)){ ?>
                        <a href="<?php echo get_page_link($parent_id); ?>" title="Back to Team">
                        <?php } else {?> 
                        <a href="../">
                        <?php } ?>
                        <i class="icon-grid" title="Back to Team"></i></a> 
                        <?php next_post_link_plus( array('order_by' => 'menu_order', 'loop' => true, 'in_same_tax' => $arrownav, 'format' => '%link', 'link' => 'Next Bio&nbsp;<i class="icon-arrow-right"></i>') ); ?>
            </div>

So – when I try with a staff member bio, I hover over next or prev and it simply shows the url as follows:

https://example.com/staff/staff-name/

But what I would like it to show is :

https://example.com/staff/staff-group-name/staff-name/

(with staff-group-name, the name of the taxonomy / category created under the staff CPT in admin)

I also tried your snippet (which fyi is incomplete) and:

add_filter( 'register_post_type_args', 'wpse247328_register_post_type_args', 10, 2 );
function wpse247328_register_post_type_args( $args, $post_type ) {
    if ( 'staff' === $post_type ) {
        
        $args['rewrite'] = array (
                'slug'       =>  'staff/%taxonomy_name%/%term_slug%',
                'with_front' => false,
                'has_archive' => 'staff-group',
            );

}
    return $args;
}

However, this just resulted in the following URL in the browser, when I clicked on the next item nav. I did refresh permalinks in WP settings.

https://example.com/staff/%taxonomy_name%/%term_slug%/staff-name/

• This reply was modified 2 years, 9 months ago by Solace.

[architabasandrai]

architabasandrai

#284937

Hi Jochen,

If you are using Kadence Blocks Pro, you can use a Post grid/carousel. With the Post grid/carousel, you can select the category and number of posts with or without pagination. Check the screen recording: https://share.getcloudapp.com/2NupQ7NN

If you are using Kadence Blocks(free version), you can use posts block to display list posts. Check the screen recording:https://share.getcloudapp.com/geuPDOjR

I hope this helps. If you have further questions, please let us know, and we’ll be happy to help out.

Best Regards,
Archita

[thedetoureffect]

thedetoureffect

#284909

Hi Karla,

Deactiviating Autoptimize fixes the SimpleBanner but not the Post Grid Carousel.

Every blog post on my site has a carousel, here’s an example.

Thanks,
Claire

[Karla]

Karla

#284906

Hi there!

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

I can confirm that the styles on the homepage for the banner are different from other pages. However, I do not have a comparison for the Post Grid block. Could you give us a page URL where we can see another Post Grid block?

Also, I cannot confirm why the CSS styles are different because the CSS files were optimized by Autoptimize – https://share.getcloudapp.com/yAu9eAE7.

If you deactivate all of your optimization and cache temporarily, will the style differences persist?

Kind regards,
Karla

[thedetoureffect]

thedetoureffect

#284868

Hi there,

My Post Grid Carousels on my home page are broken again. They’re supposed to have a box shadow and white background behind the titles. Every time there are plugin updates, the post grid carousel is the first thing to break.

I tried purging all cache in Autoptimize and within StackCache, I also purged Safari browser cache and cleared history. The recently updated plugins included Kadence Blocks, Kadence Blocks PRO Extension, MailPoet, and Woocommerce Payments. I deactivated them all one at a time but it didn’t do anything. The Kadence ones are necessary for my site to function so I didn’t want to leave them disabled for too long, it seems like deactivating them would just break more things instead of fix anything.

Also my SimpleBanner at the top of my page doesn’t have the right font color, font style, or background color all the sudden.

My Post Grid Carousels and my SimpleBanner look correct everywhere else on my site, it’s only a problem on the home page.

Any ideas? Here is my website.

Thanks,
Claire

[thedetoureffect]

thedetoureffect

#284868

Hi there,

My Post Grid Carousels on my home page are broken again. They’re supposed to have a box shadow and white background behind the titles. Every time there are plugin updates, the post grid carousel is the first thing to break.

I tried purging all cache in Autoptimize and within StackCache, I also purged Safari browser cache and cleared history. The recently updated plugins included Kadence Blocks, Kadence Blocks PRO Extension, MailPoet, and Woocommerce Payments. I deactivated them all one at a time but it didn’t do anything. The Kadence ones are necessary for my site to function so I didn’t want to leave them disabled for too long, it seems like deactivating them would just break more things instead of fix anything.

Also my SimpleBanner at the top of my page doesn’t have the right font color, font style, or background color all the sudden.

My Post Grid Carousels and my SimpleBanner look correct everywhere else on my site, it’s only a problem on the home page.

Any ideas? Here is my website.

Thanks,
Claire