Search Results for 'post grid'

[Anonymous]

Anonymous

#282862

Hi there,

Thank you for reaching out to us.

Can you confirm if you are referring to a pagination option on the Posts block? Currently, the options on the Posts block are limited and it doesn’t have the option for a pagination.

I suggest looking into using the Post Grid/Carousel block instead so that you may use pagination for your posts display. See this: https://nimb.ws/mPo0J4

Let us know how we could help you further.

Kind Regards,
Michael

[Robert-Jan Smid]

Robert-Jan Smid

#282852

After the last update for the Kadence theme to version 1.1.33 strange shadow boxes and padding appeared on the website!

We had to fixed this with some css updates:

.grid-cols { row-gap: 0px !important; }
.loop-entry .entry-content-wrap, div.wp-block-kadence-posts .loop-entry .entry-content-wrap {padding: 1rem;}
.entry.loop-entry, .wp-block-kadence-posts .entry.loop-entry {box-shadow: 0px 0px 0px -10px rgba(0,0,0,0.05); }

[Robert-Jan Smid]

Robert-Jan Smid

#282852

After the last update for the Kadence theme to version 1.1.33 strange shadow boxes and padding appeared on the website!

We had to fixed this with some css updates:

.grid-cols { row-gap: 0px !important; }
.loop-entry .entry-content-wrap, div.wp-block-kadence-posts .loop-entry .entry-content-wrap {padding: 1rem;}
.entry.loop-entry, .wp-block-kadence-posts .entry.loop-entry {box-shadow: 0px 0px 0px -10px rgba(0,0,0,0.05); }

[Joris]

Joris

#282575

Hello,

I’ve defined additional custom image sizes for my website via the function add_image_size() in my child theme. The additional sizes show in the admin interface because I’ve added them using the filter image_size_names_choose (*Login to see link

The additional custom image sizes also are available when using Kadence Blocks (e.g. Image Overlay, Post Grid/Carousel, Portfolio Grid/Carousel, Advanced Gallery, Advanced Image) but not when using a Row-block and selecting “Enable Dynamic Background Image” > Advanced > Image Size. Also, the Customizer doesn’t seem to support custom image sizes (not needed at this moment).

Is there a filter (or other solution) available so I can use custom image sizes for background images in a row block? Will this option be supported in the future?

Best, Joris

• This topic was modified 3 years, 2 months ago by Joris.

[Joris]

Joris

#282575

Hello,

I’ve defined additional custom image sizes for my website via the function add_image_size() in my child theme. The additional sizes show in the admin interface because I’ve added them using the filter image_size_names_choose (*Login to see link

The additional custom image sizes also are available when using Kadence Blocks (e.g. Image Overlay, Post Grid/Carousel, Portfolio Grid/Carousel, Advanced Gallery, Advanced Image) but not when using a Row-block and selecting “Enable Dynamic Background Image” > Advanced > Image Size. Also, the Customizer doesn’t seem to support custom image sizes (not needed at this moment).

Is there a filter (or other solution) available so I can use custom image sizes for background images in a row block? Will this option be supported in the future?

Best, Joris

• This topic was modified 3 years, 2 months ago by Joris.

[architabasandrai]

architabasandrai

#282539

Hi Daniel,

Can you confirm if you are using Kadence Pro or the free version?

[The portfolio block has filtering, but the gallery and post grid block doesn’t and your post block is lacking features.]
Post Grid/Carousel block provides query, filter and pagination options, they are available in the pro version. Check the screencast: https://share.getcloudapp.com/Apuv8zYO

Gallery filter: Advanced Gallery block provides the option to select gallery layout, numbers, conditional display and many more. Check screenshot: https://share.getcloudapp.com/v1uPRYE1
Kadence also have Gallery plugin. Please check: https://www.kadencewp.com/product/kadence-galleries/

Product Filter: Kadence blocks provides the option to add product filters in your page.
Check the screenshot:
https://share.getcloudapp.com/rRugPjgl
https://share.getcloudapp.com/rRugPjz5

[Recently I have been using the default WordPress query loop block and just adding blocks into it to create a custom layout.]
As I mentioned in previous reply, the advanced query loop is already in the development phase, will be out soon.
However, we still cannot give an estimated date for when it will be available.

[Replacing an archive loop has to follow your guidelines, and there isn’t an easy way to override. The lack of pagination seems an oversight too. I guess there just needs to be some refinement.]
The loop template is for the “Post Item Layout” override, it will not override the whole archive layout. If the theme is using a pagination on the archive pages, even with the loop template is used, the pagination will still show. But that is not possible right now.

We have a playlist for the template options we have –
https://www.youtube.com/watch?v=JbgkT2qXdDU&list=PLz7FUcdXQ3YCuWHt-kKQfReWdf1_r5bwP

You can create your own template using the hooked element functionality available in Kadence PRO. https://www.kadencewp.com/kadence-theme/knowledge-base/pro-addon/how-to-use-element-hooks/
https://www.kadencewp.com/kadence-theme/premium/

Note:You can always add request for more features on this page https://www.kadencewp.com/kadence-theme/feature-requests/, so other users can vote on it. However, please note that we cannot give an ETA of when this will be added. The development team considers certain factors before implementing new ones.

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

Best Regards,
Archita

[Daniel Wincott]

Daniel Wincott

#282495

Thanks for responding Archita.

I guess in summary, it just feels like with Kadence blocks, you are restricted sometimes by the block limitations, especially when it comes to doing custom loops and filtering.
The portfolio block has filtering, but the gallery and post grid block doesn’t and your post block is lacking features.
Recently I have been using the default WordPress query loop block and just adding blocks into it to create a custom layout.
However, I would prefer it if Kadence had it’s own.

Also the way Kadence does element templates is a little clunky and lacking features.
Replacing an archive loop has to follow your guidelines and there isn’t an easy way to override. The lack of pagination seems an oversight too. I guess there just needs to be some refinement.

Look I’m not knocking Kadence, I just want to be able to create without limitations and it would be great if Kadence was my only solution.

The reason I posted this is because I created a meet the team page and the client asked if I could do a specific layout with filtering and having tried I couldn’t with Kadence.
I then looked at Toolset and then stumbled on Cwicly, of which does most of the things I’m needing.

Here you can see Cwicly Filtering
Query builder in Cwicly Click here

[architabasandrai]

architabasandrai

#282269

Hi There,

Thanks for reaching out to us. We’ll be happy to further assist your concern.

It is possible to display the image on the left on mobile by using Post Grid/Carousel Block, it is a Pro Add-on https://www.kadencewp.com/kadence-blocks/documentation/pro-addon/configure-a-blog-list-with-post-grid-carousel-block/

Add Post Grid/Carousel on your page from block settings Image settings –> disable Move image above post on mobile? Option. Check the screenshot: https://share.getcloudapp.com/ApuvKdN9

I hope this information will be helpful to you, and if you have any further questions, please do not hesitate to reach out to us.

Best Regards,
Archita

[zhoostin]

zhoostin

#282261

Hello, How can i have the layout like the image on a phone? Because for some reason I can’t get the image left to to text on mobile. The image will get above the text. What do I need to get the layout from the image on a phone?

[zhoostin]

zhoostin

#282261

Hello, How can i have the layout like the image on a phone? Because for some reason I can’t get the image left to to text on mobile. The image will get above the text. What do I need to get the layout from the image on a phone?

[Karla]

Karla

#282115

Hi there!

Yes, the Kadence theme supports RTL languages.

For the Post Grid/Carousel block – I think you’re referring to the Aling Image option. You’re correct, the available options are only Top or Left. For now, I added a feature request to add an option for the Right alignment. You may add your vote here – https://www.kadencewp.com/kadence-blocks/feature-requests/post-grid-carousel-image-alignment/.

A workaround is to add this custom CSS code to Customizer > Additional CSS:

.rtl .kt-blocks-post-grid-item-inner-wrap.kt-feat-image-align-left {
    grid-template-columns: auto 30%!important;
}

.rtl .kt-blocks-post-grid-item-inner-wrap.kt-feat-image-align-left .kadence-post-image {
    grid-column: 2;
}

.rtl .kt-blocks-post-grid-item-inner-wrap.kt-feat-image-align-left .kt-blocks-post-grid-item-inner {
    grid-column: 1;
}

This should make the “Left”-aligned images align on the right side instead.

Kindly share Kadence Custom Font Plugin.

This plugin is available if you have the Full Bundle product. If you did purchase that, go to your Downloads page. You should see and download it there.

Otherwise, you can follow our knowledgebase post here to add your own custom font – https://www.kadencewp.com/help-center/docs/kadence-theme/adding-custom-fonts-to-kadence/.

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

Regards,
Karla

[chitocamacho]

chitocamacho

#282084

Hi Ninon,

There’s a setting in Post Grid/Carousel to set number of columns on different screen width. Go to Layout Settings, click Individual, and change the values of SCREEN 544PX – 767PX and SCREEN BELOW 543PX to 2. Screenshot: https://share.getcloudapp.com/wbuvlx92

Otherwise, use the below custom CSS to apply it to all Post Grid/Carousel sitewide:

@media (max-width: 768px){
   .kt-post-grid-wrap{
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    } 
}

Let me know how I can help further.

Kind regards,
Chito

[Ninon Michels]

Ninon Michels

#282069

Hello Kadence team,

I would like for all the Post Grid/Carousel Blocks on my site to appear on 2 columns on mobile. For now, there are 2 columns on mobile when there are 4 columns on the desktop settings. Is there a way to override this with CSS and have 2 columns on mobile regardless the number of column on desktop?

Thanks a lot for your help!
Best,
Ninon

[Ninon Michels]

Ninon Michels

#282069

Hello Kadence team,

I would like for all the Post Grid/Carousel Blocks on my site to appear on 2 columns on mobile. For now, there are 2 columns on mobile when there are 4 columns on the desktop settings. Is there a way to override this with CSS and have 2 columns on mobile regardless the number of column on desktop?

Thanks a lot for your help!
Best,
Ninon

[aristfs]

aristfs

#282064

Hello Ben Ritner,

I checked my website with Achecker Web Accessibility Checker for compliance with WCAG 2.0 (AA).

Problem:
Anchor contains no text.
Repair: Add text to the a element or the title attribute of the a element or, if an image is used within the anchor, add Alt text to the image.

Found the problem in this code (class post-thumbnail kadence-thumbnail-ratio-2-3):

<div class="is-layout-flex wp-container-3 wp-block-columns">
<div class="is-layout-flow wp-block-column" style="flex-basis:100%"><div class="wp-block-kadence-posts kb-posts kb-posts-id-_685476-eb content-wrap grid-cols kb-posts-style-unboxed grid-sm-col-2 grid-lg-col-3 item-image-style-above"><article class="entry content-bg loop-entry post-75 post type-post status-publish format-standard has-post-thumbnail hentry category-news">
			<strong><strong><a class="post-thumbnail kadence-thumbnail-ratio-2-3" href="XXXXXXXXXXXXXXXXXXXXXXXXXXX"></strong></strong>
			<div class="post-thumbnail-inner">
				<div class="bialty-container"><img width="436" height="223" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20436%20223'%3E%3C/svg%3E" data-src="XXXXXXXXXXXXXXXXXXXXXXXXXXX" class="attachment-medium_large size-medium_large wp-post-image lazy" alt="Puppies Park;" decoding="async" data-srcset="XXXXXXXXXXXXXXXXXXXXXXXXXXX 436w, XXXXXXXXXXXXXXXXXXXXXXXXXXX 300w" data-sizes="(max-width: 436px) 100vw, 436px"></div>
			</div>

• This reply was modified 3 years, 2 months ago by aristfs.
• This reply was modified 3 years, 2 months ago by aristfs.

[chitocamacho]

chitocamacho

#282002

Hi there,

This can be achieved using Kadence Pro plugin’s Hooked Element feature. Here’s a video: https://share.getcloudapp.com/qGuZGG1G

Basically, you can hook the dynamic image and read more button that pull the dynamic link from the custom field. Target the page where you display the Post Grid/Carousel via Hooked Element’s Display Settings.

This is the available hook for Post Grid/Carousel: https://share.getcloudapp.com/YEuDlRkp

I hope this helps, and let me know if you need further assistance.

Kind regards,
Chito

[tumblingmug]

tumblingmug

#282000

Hi,

how can I modify the post carousel output in a way that my custom field “URL” from a post of a certain custom post type is used by the “Read more” button & image link?
Is there maybe a filter I could use to modify post output? Would be a different approach achieving this be better/ more efficient?

Thank you!

• This topic was modified 3 years, 3 months ago by tumblingmug.

[tumblingmug]

tumblingmug

#282000

Hi,

how can I modify the post carousel output in a way that my custom field “URL” from a post of a certain custom post type is used by the “Read more” button & image link?
Is there maybe a filter I could use to modify post output? Would be a different approach achieving this be better/ more efficient?

Thank you!

• This topic was modified 3 years, 3 months ago by tumblingmug.

[aristfs]

aristfs

#281965

Hello,
Thanks for your answer.
The images have alternative text.
I inserted the kadence block “posts” in homepage, but feature images from latest posts have problem with web accessibility.

My code: (XXXXX is url) (see the problem in bold)

<div class="is-layout-flex wp-container-3 wp-block-columns">
<div class="is-layout-flow wp-block-column" style="flex-basis:100%"><div class="wp-block-kadence-posts kb-posts kb-posts-id-_685476-eb content-wrap grid-cols kb-posts-style-unboxed grid-sm-col-2 grid-lg-col-3 item-image-style-above"><article class="entry content-bg loop-entry post-75 post type-post status-publish format-standard has-post-thumbnail hentry category-news">
			<strong><a class="post-thumbnail kadence-thumbnail-ratio-2-3" href="XXXXXXXXXXXXXXXXXXXXXXXXXXX"></strong>
			<div class="post-thumbnail-inner">
				<div class="bialty-container"><img width="436" height="223" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20436%20223'%3E%3C/svg%3E" data-src="XXXXXXXXXXXXXXXXXXXXXXXXXXX" class="attachment-medium_large size-medium_large wp-post-image lazy" alt="Puppies Park;" decoding="async" data-srcset="XXXXXXXXXXXXXXXXXXXXXXXXXXX 436w, XXXXXXXXXXXXXXXXXXXXXXXXXXX 300w" data-sizes="(max-width: 436px) 100vw, 436px"></div>
			</div>

[Karla]

Karla

#281963

Hi, Ninon.

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

If you want to list posts with an overlay on the featured images, you can use the Portfolio Grid/Carousel block. This is how it should look – https://share.getcloudapp.com/YEuDYALp.

On the other hand, you can also use this custom CSS code:

.wp-block-kadence-postgrid article:hover .kadence-post-image {
    filter: opacity(0.5);
}

This is how it will work – https://share.getcloudapp.com/6quNpBjx.

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

Kind regards,
Karla

[Ninon Michels]

Ninon Michels

#281935

Hi there!

I would like to create a white transparent overlay when hovering over the featured image within the Post Grid/Carousel blocks. Do you have some CSS code for me to achieve this?

Thanks a lot!

Ninon

[Ninon Michels]

Ninon Michels

#281935

Hi there!

I would like to create a white transparent overlay when hovering over the featured image within the Post Grid/Carousel blocks. Do you have some CSS code for me to achieve this?

Thanks a lot!

Ninon

[Jabran]

Jabran

#281928

Hi there,

Can we create something like this with Kadence?

Video Recording: *Login to see link

[Jabran]

Jabran

#281928

Hi there,

Can we create something like this with Kadence?

Video Recording: *Login to see link

[mike.levy]

mike.levy

#281905

Hey there!

Wondering if there is a way to change the initial view of the Post/Grid Carousel Block after selecting one of the options.

Any help is greatly appreciated as re-doing the block just to change the initial style seems like a bit of an issue.

Thank you!

[mike.levy]

mike.levy

#281905

Hey there!

Wondering if there is a way to change the initial view of the Post/Grid Carousel Block after selecting one of the options.

Any help is greatly appreciated as re-doing the block just to change the initial style seems like a bit of an issue.

Thank you!

[Karla]

Karla

#281795

Hi, Condero!

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

This will fall as a feature request as the Portfolio Grid/Carousel block can only display a filter for a single taxonomy. There is no option to show multiple filters.

You may add the feature request on this page – https://www.kadencewp.com/kadence-blocks/feature-requests/. However, please note that we cannot give an estimated date for when this will be implemented.

On the other hand, you may also try and look for third-party plugins that can filter posts with multiple attributes/filter options.

Please let us know if we can assist you further.

Kind regards,
Karla

[condero.com]

condero.com

#281782

Hello,

we have a request to show a grid of portfolio posts but with more than one filter:

Is it possible to add more than one category/taxonomy to the filter or to add multiple filters/queries?
How could we do it, with editor/shortcode/PHP/JavaScript?

Maybe the default filter buttons also need to be replaced with radio buttons or select boxes like shown in the screenshot.

Thanks in advance!
condero

[condero.com]

condero.com

#281782

Hello,

we have a request to show a grid of portfolio posts but with more than one filter:

Is it possible to add more than one category/taxonomy to the filter or to add multiple filters/queries?
How could we do it, with editor/shortcode/PHP/JavaScript?

Maybe the default filter buttons also need to be replaced with radio buttons or select boxes like shown in the screenshot.

Thanks in advance!
condero