Search Results for 'post grid'

[Eze]

Eze

#288574

Hi there,

Thank you for granting us access to the testing page.

I noticed the container and post grid were added using Spectra Blocks and not Kadence Blocks. An update on Kadence Blocks will not affect Spectra Blocks.

However, when I removed the margin-left of the root container, the text was now aligned to the center as expected. Here is a screenshot for your reference:
https://share.zight.com/X6uvBo9N

To troubleshoot this, please remove the margin-left of the root container. You can reach out to Spectra Blocks support to further help you with this.

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

Cheers,
Eze

[Lsage]

Lsage

#288567

This reply has been marked as private.

[Lsage]

Lsage

#288529

I noticed today on my website that containers on pages are not displaying properly. They are indenting to the right on the page, rather than being centered as normal. This has only occured in the last few days, so I assume it happened after the recently update to Guternberg blocks that updated on the site this week:
*Login to see link

Previously I had absolutely no issues with containers or any other blocks, everyting was working fine. Nothing has been changed to my theme settings or the block settings used. I’ve cleared the cache.

Here’s a screen shot of a new test page I created with new containers:
*Login to see link
The screenshot is taken of the full screen width.

This is just a container with a background image, followed by a spacer (outside the container), then another container with containting a row with an image and heading. These should be centered on the page using the default settings, but you can see they shift to the right.

I have containers which are using the Kadence post grid, and other features like accordian. In each case where a container holds blocks, the whole content appears shifted to the right as above.

Are there any fixes for this?

[Lsage]

Lsage

#288529

I noticed today on my website that containers on pages are not displaying properly. They are indenting to the right on the page, rather than being centered as normal. This has only occured in the last few days, so I assume it happened after the recently update to Guternberg blocks that updated on the site this week:
*Login to see link

Previously I had absolutely no issues with containers or any other blocks, everyting was working fine. Nothing has been changed to my theme settings or the block settings used. I’ve cleared the cache.

Here’s a screen shot of a new test page I created with new containers:
*Login to see link
The screenshot is taken of the full screen width.

This is just a container with a background image, followed by a spacer (outside the container), then another container with containting a row with an image and heading. These should be centered on the page using the default settings, but you can see they shift to the right.

I have containers which are using the Kadence post grid, and other features like accordian. In each case where a container holds blocks, the whole content appears shifted to the right as above.

Are there any fixes for this?

[chitocamacho]

chitocamacho

#288301

Hi Kate,

Thanks for the links.

Kindly update this code from the reference link:

.kt-blocks-post-grid-item-inner-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
}

With this:

.kt-blocks-post-grid-item-inner-wrap {
    height: 100%;
    display: flex !important;
    flex-direction: column;
}

I’ve tested it on your site, and it worked — see screenshot: https://share.zight.com/jku8zBlp

Please let me know if you need further assistance.

Best,
Chito

[katepickle]

katepickle

#288294

I’m trying to get the ‘read more’ buttons on the post grid block to all align at the same height.

Have tried the css suggested in this thread
*Login to see link

That css works on desktop but the buttons completely disappear on mobile.

Is there a way to make the ‘read more’ buttons all align to the same height on all screen sizes?

Currently on a staging site using Kadence pro and shop kit – *Login to see link

Thanks

Kate

[katepickle]

katepickle

#288294

I’m trying to get the ‘read more’ buttons on the post grid block to all align at the same height.

Have tried the css suggested in this thread
*Login to see link

That css works on desktop but the buttons completely disappear on mobile.

Is there a way to make the ‘read more’ buttons all align to the same height on all screen sizes?

Currently on a staging site using Kadence pro and shop kit – *Login to see link

Thanks

Kate

[katepickle]

katepickle

#288281

I have a bottom shadow on a section block (at least I think it is the section blow, might be the row block?) that I just can’t seem to turn off.

You can see it on the homepage of test site here *Login to see link

You can see a slight bottom shadow on the bottom of each of the post carousel grids, and also on the bottom of the empty section below that. Box shadow is turned off on everything (row block, section blog, carousel block) and I just can’t work out where it is coming from! <Maybe a plugin? Or a theme setting somewhere?

Using kadence pro with shop kit if that matters.

Any ideas?

Thanks

Kate

[katepickle]

katepickle

#288281

I have a bottom shadow on a section block (at least I think it is the section blow, might be the row block?) that I just can’t seem to turn off.

You can see it on the homepage of test site here *Login to see link

You can see a slight bottom shadow on the bottom of each of the post carousel grids, and also on the bottom of the empty section below that. Box shadow is turned off on everything (row block, section blog, carousel block) and I just can’t work out where it is coming from! <Maybe a plugin? Or a theme setting somewhere?

Using kadence pro with shop kit if that matters.

Any ideas?

Thanks

Kate

[Eze]

Eze

#288007

Hi Kim,

To not have the text under the image on mobile, kindly Toggle OFF “Move image above post on mobile?” in the Post Grid/Carousel block > General > Image settings.

Here is a screencast of how to achieve this:
https://share.zight.com/OAuNeA5l

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

Cheers,
Eze

[teejayhidalgo]

teejayhidalgo

#287885

Hi Connor,

I believe this can’t be achieved using CSS. This is most likely possible using Javascript.

I would not recommend this as this type of workarounds is unstable.

However, if you would like to try, you can add this Javascript in the page:

<script>
  // Get all articles with class 'kt-blocks-post-grid-item'
const articles = document.querySelectorAll('.kt-blocks-post-grid-item');

articles.forEach(article => {
    // Find the entry-title link within the current article
    const entryTitleLink = article.querySelector('.entry-title a');

    if (entryTitleLink) {
        // Get the href attribute of the entry-title link
        const linkUrl = entryTitleLink.getAttribute('href');

        // Find the element to wrap with the link
        const innerWrapElement = article.querySelector('.kt-blocks-post-grid-item-inner-wrap');

        // Check if the innerWrapElement exists
        if (innerWrapElement) {
            // Create a new anchor element
            const linkElement = document.createElement('a');
            // Set the href attribute of the anchor element
            linkElement.setAttribute('href', linkUrl);
            // Wrap the inner content of innerWrapElement with the new anchor element
            innerWrapElement.parentNode.insertBefore(linkElement, innerWrapElement);
            linkElement.appendChild(innerWrapElement);
        }
    }
});

</script>

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

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

Best regards,
Teejay.

[Connor Hodde]

Connor Hodde

#287851

I have a post grid that links to different pages of our website. I have it looking how I want it to but I can’t seem to figure out how to make the entire grid item clickable. Only the title is clickable. I would like you to be able to click anywhere within the block and be redirected to the page.
Is there any way to do this?

Thanks in advance!

[Connor Hodde]

Connor Hodde

#287851

I have a post grid that links to different pages of our website. I have it looking how I want it to but I can’t seem to figure out how to make the entire grid item clickable. Only the title is clickable. I would like you to be able to click anywhere within the block and be redirected to the page.
Is there any way to do this?

Thanks in advance!

[Eze]

Eze

#287810

Hi there,

Happy to help!

There is no built-in feature to increase the number of excerpts to more than 100 words on the Post Grid/Carousel block. However, we have an existing feature request for this. You can add your vote to it here:
https://www.kadencewp.com/kadence-blocks/feature-requests/increase-post-grid-carousel-excerpt-length/

Please let us know how we can help further.

Cheers,
Eze

[Eze]

Eze

#287800

Hi there,

Thank you for reaching out.

There is no built-in feature to display the Query Card as a Carousel.

However, with the Post Grid/Carousel block Initial Style, you can set the Featured Image to the left and the Content to the right.

Here is a screencast of how to achieve this:
https://share.zight.com/7KunZOWb

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

Cheers,
Eze

[Kim]

Kim

#287785

I have tried to set it up in the format that I want using Post Grid Carousel, but it does not allow me to change the formatting.
I would like the featured image to the left and the content block to the right.

thank you for any help.

[chitocamacho]

chitocamacho

#287738

Hi there,

Thanks for writing in.

This is not possible at the moment.

What I can suggest as a workaround is to create a Custom Post Type (CPT). Pull the 50 CPTs using either Post Grid/Carousel or Portfolio Grid/Carousel and enable the filter.

Filter the CPTs by category or tag.

The filters are displayed just like tabs.

You can also submit a feature request here:
https://www.kadencewp.com/kadence-blocks/feature-requests/

Please let me know how I can assist further.

Best,
Chito

[chitocamacho]

chitocamacho

#287737

Hi Trish,

I’ve responded to your support ticket already.

I’m sending it here as well, just in case other Kadence users are interested.

—

You’ve mentioned in your support ticket that you’re using the Post Grid/Carousel block.

Is the Job Title a custom field?

You can achieve this with the hooked element feature.

1. create a hooked element
2. pull the Job Titles dynamically using the Kadence Blocks and dynamic content feature
3. choose the Custom Hook option in the hooked element’s Placement setting
4. choose a Custom Hook value that works for you (refer to the article below)
5. select Single Pages (and look for that specific page where you’ve added the Post Grid/Carousel block) in the hooked element Display Settings

More info about this here:
https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-design-a-post-grid-carousel-using-a-kadence-element/

Please let me know how I can help further.

Best,
Chito

[Hey Trish]

Hey Trish

#287726

Any idea on how to do this we have this on our post and wanted to show below the Title

[Hey Trish]

Hey Trish

#287726

Any idea on how to do this we have this on our post and wanted to show below the Title

[chitocamacho]

chitocamacho

#287667

Hi there,

Currently, we can only display a maximum of 8 posts with 2 columns for the Latest Blog Posts on the home page.

We no longer add new features for the classic themes, which includes the Virtue theme.

If you have the free Kadence Blocks plugin, you can use the Posts block and add it into your home page content.
https://www.kadencewp.com/help-center/docs/kadence-blocks/posts-block/

If you have the Kadence Blocks Pro plugin, you can use the Post Grid/Carousel block, which has many options to customize it.
https://www.kadencewp.com/help-center/docs/kadence-blocks/kadence-blocks-post-grid-carousel-block/

Please let us know how we can assist further.

Best,
Chito

[egidio.photography]

egidio.photography

#287653

Hi.

I use Virtue Premium, and I like how it allows me to customize my site. Presently, the slider shows four recent posts. Below that, I have my “Latest Entries.” I want the “Latest Entries” section to show only the main post photo and no excerpts. I want a grid of sixteen to twenty photos from my recent entries. The grid could be 4×4 or 4×5. I looked at the Home Layout section but don’t know how to proceed. A visitor to my home page would see only photos. When clicking on a photo, he/she would go to the post. Is there some documentation you can point me to on how to do that?

The site is *Login to see link tography/ if you want to see the current display.

[egidio.photography]

egidio.photography

#287653

Hi.

I use Virtue Premium, and I like how it allows me to customize my site. Presently, the slider shows four recent posts. Below that, I have my “Latest Entries.” I want the “Latest Entries” section to show only the main post photo and no excerpts. I want a grid of sixteen to twenty photos from my recent entries. The grid could be 4×4 or 4×5. I looked at the Home Layout section but don’t know how to proceed. A visitor to my home page would see only photos. When clicking on a photo, he/she would go to the post. Is there some documentation you can point me to on how to do that?

The site is *Login to see link tography/ if you want to see the current display.

[al2]

al2

#287553

Is there a way to remove options from other filters that don’t have results from another filter?

For example, if I have a dropdown filter for locations (Colorado, North Carolina, Texas) and a dropdown filter for post category (vacation, holiday, outing), if I select “North Carolina” but there are no “holiday” posts that are also North Carolina, I’d like the North Carolina option to disappear from the the category dropdown.
Basically, I want the options within each filter to be dependant on the other selected filters.

This functionality works on WP Gridbuilder here: *Login to see link
(Select a market and the number of results for each vertical will change)
Is there a way to do this with the new Kadence Advanced Query Loop block?

[al2]

al2

#287553

Is there a way to remove options from other filters that don’t have results from another filter?

For example, if I have a dropdown filter for locations (Colorado, North Carolina, Texas) and a dropdown filter for post category (vacation, holiday, outing), if I select “North Carolina” but there are no “holiday” posts that are also North Carolina, I’d like the North Carolina option to disappear from the the category dropdown.
Basically, I want the options within each filter to be dependant on the other selected filters.

This functionality works on WP Gridbuilder here: *Login to see link
(Select a market and the number of results for each vertical will change)
Is there a way to do this with the new Kadence Advanced Query Loop block?

[Karla]

Karla

#287516

Hi, Irina!

There is no built-in way to do this. By default, a WooCommerce archive that was set to show product categories will list them down similar to products. They are all list items in a single unordered list – https://share.zight.com/GGud404y

You may be able to tweak the grid styling. However, we’ll not be able to help with this customization currently.

For now, you may refer to this post for the concepts of CSS grid layout – https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout

I hope this helps with your customization.

Let us know if we can assist you further.

Regards,
Karla

[victormonk]

victormonk

#287505

Hey there,

I viewed your website and found a Posts Block on the Home Page. However, it didn’t show the Table Of Contents on the Posts Grid. Here is a screenshot for reference: https://share.zight.com/OAuNGOR2

Can you try clearing your Website and Browser Cache? Can you also disable any Browser Extensions/Addons you may have enabled and see if the issue persists? Thanks!

I hope this information was helpful to you. Please let us know how we can further help.

Best regards,
Victor