Search Results for 'post grid'

[tp]

tp

#233753

Hi,

please implement an “posts to skip” option for the Kadence Block “Post Grid/Carousel”.
It would be very usefull.

Thanks!
Cheers,
Tobias

[tp]

tp

#233753

Hi,

please implement an “posts to skip” option for the Kadence Block “Post Grid/Carousel”.
It would be very usefull.

Thanks!
Cheers,
Tobias

[Hannah]

Hannah

#232338

Hey Sara,
1. I’m seeing this in your css:

.kad-relative-vertical-content ul.sf-menu.sf-vertical {
    margin-right: -20px;
    margin-left: -20px;
}

Are you adding that? Removing would fix this.

2. You can add this to your custom css box in theme options:

.kad-relative-vertical-content .nav-main .sf-vertical ul {
    border: 0;
}

3. Which flip box do you mean? Can you link to where you’re adding it?

4. Are you using the block editor and kadence blocks? If so, you can use the kadence gallery block to create a gallery with masonry effect. Or if you want the mosaic effect you can create portfolio posts, setting your gallery images as the featured images for each post. Then you can use css to remove the link from the images on the portfolio grid page. Does that make sense?

Hannah

[Hannah]

Hannah

#232237

Hi Jerry,
Yep, you’re on the right track with portfolio types. Just create however many portfolio types you want and then assign your portfolio posts to a specific type. Then when creating a portfolio page using the portfolio grid template you can choose to only show a specific portfolio type. Does that make sense?

Hannah

[Leah]

Leah

#232128

Hi – I am having issues with featured image size on my site.
On the Blog Grid, they won’t crop despite the settings I have in place – so some are portrait and some are landscape – it looks really messy.
On the Portfolio Grid, they are being squashed and distorted into a very short image.

I will post links and login info under

Thanks

[Leah]

Leah

#232128

Hi – I am having issues with featured image size on my site.
On the Blog Grid, they won’t crop despite the settings I have in place – so some are portrait and some are landscape – it looks really messy.
On the Portfolio Grid, they are being squashed and distorted into a very short image.

I will post links and login info under

Thanks

[Ben Ritner]

Ben Ritner

#231491

Hey Mark, Staff is shown in a masonry grid (think Pinterest) where the highest comes first so if your staff items are different sizes then the order wouldn’t be traditionally left to right but based on what is the highest on the page.

If you can post a link I can get you some CSS to make them all the same height and ordered left to right.

Ben

[Ben Ritner]

Ben Ritner

#231370

Hey,
It looks like you are using the free theme. I suggest you update to the premium theme and then you would get this and many more options.

You can go to pages > home page and add content right above your shortcode for the post grid.

Ben

[jen3126]

jen3126

#231314

This reply has been marked as private.

[jen3126]

jen3126

#231293

Hi! I’d like to add a banner beneath my header and above my post grid layout. The header would contain an image only. I’ve tried a couple of things but nothing shows up so there must be a conflict. Can you give me some direction? Thanks! smartypantsfinance.com

[jen3126]

jen3126

#231293

Hi! I’d like to add a banner beneath my header and above my post grid layout. The header would contain an image only. I’ve tried a couple of things but nothing shows up so there must be a conflict. Can you give me some direction? Thanks! smartypantsfinance.com

[Ben Ritner]

Ben Ritner

#231134

Hey,
You need access to the server, through ftp for example. You can’t do this through WordPress admin you need to create files in a child theme. You should not ever edit the parent theme.

The first image looks like you are editing the wrong file, and the second you are looking at the wrong thing, you need to edit line 95
'posts_per_page'=> $portfolio_items,

Change to:

'posts_per_page'=> 48,

But do not edit the parent theme, you should only do this through a child theme.

And since we are talking about this I have to advise you that it’s not good practice to have a carousel that large on a page. For one it adds a ton to your page loading time, for two no one actually scrolls through a carousel of 48 items. It’s too difficult to see where you are and to time-consuming to scan through the content. With that much content, users will move on looking for a grid layout if they want to scan that much content.

If you need help setting up the child theme send me ftp access to your site along with a wordpress login and I can help

Ben

[Ben Ritner]

Ben Ritner

#231068

In your theme options > blog options you can turn on the forced crop of your images, this would output your images at 420×280 instead of 420×99 to match the uploaded ratio.

You can also with a child theme define the exact size you want to use:

add_fitler( 'kt_post_grid_image_width', 'custom_post_grid_image_width' );
function custom_post_grid_image_width( $width ) {
return 600;
}
add_fitler( 'kt_post_grid_image_height', 'custom_post_grid_image_height' );
function custom_post_grid_image_height( $height ) {
return 300;
}

Ben

[phil2]

phil2

#230496

Thanks very much Ben, as an interim measure, the Post Grid/Carousel block is just the job.
All the best,
Phil.

[Ben Ritner]

Ben Ritner

#230448

Hey,
We have a block for custom post types, the post grid/carousel block can pull in any post type, the output is not going to be styled like a testimonial.

I see the issue with the carousel shortcode, it’s not pulling in the right template I”ll update.

Ben

[Ben Ritner]

Ben Ritner

#230387

Hey,
There isn’t a built-in way to do this, and no relationship between portfolio posts and testimonial posts that would make this happen without manually selecting.

So you can use the post grid carousel block and manually select the testimonial from within your portfolio post, or you can call in the testimonial using a shortcode but there isn’t a shortcode that is set up to select individual posts, so you would have to give each testimonial a unique group then pull in the one you want by group, for example:

[testimonial_posts items="1" columns="1" group="group_slug"]

Ben

[Ben Ritner]

Ben Ritner

#229451

Hey Joseph,

I’m sorry we haven’t been able to connect. I’m sure we can help. Please give us grace as we try to get on the same page with what you want.

What goes inside of sidebars are controlled in the appearance > widgets area of your admin, they are not controlled in the page editing screen. I’m not aware of any theme, plugin that changes that.

BUT, if you want to use page builder by siteorigin you can fake a sidebar by creating a two column layout, one column for your content and the other for your “sidebar” where you can place whatever you want into that part of your page.

Is that what you are looking for?

Or if instead do what to use a sidebar you can add conditional loading for specific widgets allowing you to select which widgets you show on which pages, see this plugin: https://wordpress.org/plugins/widget-options/

This is all assuming you have a widget in mind that you want to add, there is no theme widget that outputs a list of portfolio items based on portfolio type. The closest would be the “ascend: post grid” which can output a small grid of portfolio posts based on category. So perhaps you are not asking about sidebars at all but asking how to create this widget? If so you will need to use a child theme and code it in, I can help with that if you send me a link to an example of how you want it to look.

This also assumes you are talking about “pages” and not the single portfolio posts. The language around that can be tricky and confusing. I have been assuming you are asking about portfolio pages, for example http://themes.kadencethemes.com/ascend-premium-4/projects/

And not portfolio posts for example http://themes.kadencethemes.com/ascend-premium-4/portfolio/fabric-bag/

Further clarification from you will help me greatly and I know we can help you get what you want.

Ben

[Ben Ritner]

Ben Ritner

#229441

Hey,

In regards to the css you don’t seem to have what I posted last so it’s only applying to smaller screens.

it happens on all mobile devices

I just tried 4 different devices, I can’t recreate. The css should make it impossible because it’s forcing the items to be static.

Because of how you are including your images you can approach the grid through a different layout type if you like, would be CSS like this:

.kad_product_wrapper .kad_product {
    position: static !important;
    width: 100% !important;
}
.kad_product_wrapper {
    height: auto !important;
    position: static !important;
    display:grid;
    grid-template-columns: minmax(0,1fr);
}
.kad_product_wrapper:before {
    display: none;
}
@media (min-width: 544px) {
.kad_product_wrapper {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
}
@media (min-width: 767px) {
.kad_product_wrapper {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}
}
@media (min-width: 1200px) {
.kad_product_wrapper {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}
}

I can’t recreate your issue so I can’t recommend this.
Ben

[David]

David

#229211

Hannah, Thanks for the quick response.

I was looking at using the new post/grid carousel at the bottom of each post, but thought I would see if there was a way of changing the output style of the existing carousel first. If it is not that easy, is there a way of automatically including the new carousel block at the bottom of each post or would this need to be done manually?

David

[Arisa Horimiya]

Arisa Horimiya

#229182

Hi Hannah,
Thanks for quick response.
Yeah. When I changed the format from General, the date format also changed in Kadence Block Post Grid or Carousel areas which I’m using at my Home page.
But the above screenshot areas did not get affected which are in each single blog post and their Similar Post carousel below(not custom plugin, just the one we can turn it on in Blog option of Virtue theme).

Just as a reference, I will put the css of both areas below.

css of Similar Post carousel
<span class="postday published kad-hidedate">29 5月 2019</span>

css of date square box at post title

<div class="postdate bg-lightgray headerfont">
   		<meta itemprop="datePublished" content="2019-06-19T14:24:52+09:00">
        <span class="postday">29</span>
        5月 2019    </div>

The date format may be automatically translated when I chose my site language to Japanese.

[phil2]

phil2

#229064

Hey Ben,

A month or so ago, you sorted a problem where a carousel in the header suffered:
a brief moment on each page-refresh when all the carousel items are shown in a grid, before the display resets correctly in the header.
You solved the issue like this.

I have a similar issue. On Retired Working Dogs, we use a shortcode to add a Srizon Facebook feed into the header of every page:
/* Filter to insert Facebook slider into header */
add_action('kt_after_header_content', 'my_custom_head_output');
function my_custom_head_output() {
echo do_shortcode('[srizonfbalbum id=1]');
}

On every page there is another very brief moment when all the slider images are displayed down the left hand side of the page.

Please could you look into a similar fix to hide it?
Very many thanks,
Phil.

[phil2]

phil2

#229064

Hey Ben,

A month or so ago, you sorted a problem where a carousel in the header suffered:
a brief moment on each page-refresh when all the carousel items are shown in a grid, before the display resets correctly in the header.
You solved the issue like this.

I have a similar issue. On Retired Working Dogs, we use a shortcode to add a Srizon Facebook feed into the header of every page:
/* Filter to insert Facebook slider into header */
add_action('kt_after_header_content', 'my_custom_head_output');
function my_custom_head_output() {
echo do_shortcode('[srizonfbalbum id=1]');
}

On every page there is another very brief moment when all the slider images are displayed down the left hand side of the page.

Please could you look into a similar fix to hide it?
Very many thanks,
Phil.

[Plugger]

Plugger

#228825

Hi All,

using the following shortcode to display posts in a pagebuilder row

[blog_grid orderby=date items=3 columns=3 cat=news]

can you tell me the actual template file that i can copy to my child theme, as i want to add a thin line under the titles and also a permanent read more button under each of the posts

[Plugger]

Plugger

#228825

Hi All,

using the following shortcode to display posts in a pagebuilder row

[blog_grid orderby=date items=3 columns=3 cat=news]

can you tell me the actual template file that i can copy to my child theme, as i want to add a thin line under the titles and also a permanent read more button under each of the posts

[Andrew]

Andrew

#228731

Hello there,

I have set up a Portfolio Category Grid page and it displays ALL categories, including sub-categories (child-types). I only want to display the higher level categories/ parent types on this page.

I have searched the forum archives and see that you can do this by posting the following code into a full-width default page template

[portfolio_types columns=”4″ items=”10″]

…but it doesn’t look the same – the photos are not the same size when I try this, even in the full-width page template. I want it to look exactly like the other portfolio grids. Here’s a link, so you can see what I mean (I only have one higher level category so far):

*Login to see link

Finally, when I click on the grid menu item on this page, I am directed to the portfolio type pages, but I want it to direct to custom portfolio grid pages (which have the filter for the subcategories/ sub types). Am I right in assuming the only/ best way to do this is by redirecting the url of the type pages?

Thank you.

Andrew.

[Andrew]

Andrew

#228731

Hello there,

I have set up a Portfolio Category Grid page and it displays ALL categories, including sub-categories (child-types). I only want to display the higher level categories/ parent types on this page.

I have searched the forum archives and see that you can do this by posting the following code into a full-width default page template

[portfolio_types columns=”4″ items=”10″]

…but it doesn’t look the same – the photos are not the same size when I try this, even in the full-width page template. I want it to look exactly like the other portfolio grids. Here’s a link, so you can see what I mean (I only have one higher level category so far):

*Login to see link

Finally, when I click on the grid menu item on this page, I am directed to the portfolio type pages, but I want it to direct to custom portfolio grid pages (which have the filter for the subcategories/ sub types). Am I right in assuming the only/ best way to do this is by redirecting the url of the type pages?

Thank you.

Andrew.