Search Results for 'post grid'

[adrian-3853]

adrian-3853

#268082

I’m also loving Kadence and planning to move over a couple of sites currently on Customizr Pro.

But I would like to be able to reinstate the Edit Post or Edit Page link visible on the front end.
There are two reasons
1. so that I can delegate editing authority without having to make the admin bar visible to content editors
2. On Customizr Pro, the post listing page displays an Edit link on every item in the post list grid. This saves a step – if I know the post I want to edit I can start editing it directly from the post list grid.

This is probably easy enough to do with Kadence Elements and possibly the Code Snippets plugin, but my php skills are rather basic so I would welcome some help.

[Kevin]

Kevin

#268060

Thanks for sharing the video. Looks like the page isn’t loading properly after assigning it as your blog.

One thing that may help is going to Settings> Permalinks and resaving them after you assign the page as your blog. Does that make a difference?

An alternative way to configure your posts page is to use a Kadence Blog Grid/Carousel widget instead of the default blog template. The posts will appear the same, you just wont be assigning the post page.

If you’d like, you can share a login link within a private reply and we can take a look in the admin of your site to see if anything obvious needs to be changed. You can use this plugin:
https://wordpress.org/plugins/temporary-login-without-password/

Be sure to mark as a private reply so that only Kadence can see your login link.

Thanks,
Kevin

[Karla]

Karla

#268024

Hello,

Kindly add a CSS property for the previous link:

.post-navigation .nav-links {
    grid-template-columns: 1fr 1fr;
}

.post-navigation .nav-previous {
    order: 1;
    grid-column-start: 2; //add this CSS property
    text-align: right;
}
.post-navigation .nav-previous:after {
    content: none;
}
.post-navigation .nav-next {
    position: relative;
    grid-column-start: unset;
    text-align: unset;
}

.post-navigation .nav-next:after {
    position: absolute;
    content: '';
    top: 25%;
    right: 0;
    width: 1px;
    height: 50%;
    background: var(--global-gray-500);
}

Hope this helps.

Best Regards,
Karla

[heavy]

heavy

#268012

Hey Karla,

many thanx for the code – this works just fine with only one exception;-)
When you are on the newest post (first post) and there is only one navigation direction possible the navigation is still shown in the wrong grid cell.
Any chance to fix this too per css?

Greets
heavy

[Karla]

Karla

#268006

Hello,

Just to confirm, do you just want to switch the column position of the previous and next navigation? Something like this – https://share.getcloudapp.com/Qwu5zBrL?

If so, here is the custom CSS code I used on the screen recording above:

.post-navigation .nav-links {
    grid-template-columns: 1fr 1fr;
}

.post-navigation .nav-previous {
    order: 1;
    text-align: right;
}
.post-navigation .nav-previous:after {
    content: none;
}
.post-navigation .nav-next {
    position: relative;
    grid-column-start: unset;
    text-align: unset;
}

.post-navigation .nav-next:after {
    position: absolute;
    content: '';
    top: 25%;
    right: 0;
    width: 1px;
    height: 50%;
    background: var(--global-gray-500);
}

Hope this helps and let us know if we can assist you further.

Best Regards,
Karla

[mark qwark]

mark qwark

#268000

1. Are you saying there is a way to set a featured image for a category now? I don’t see this.

2. I agree that normal archive pages ought to have settings. I had to add code just to put a little space between my category description and the top of the post grid; they were right against eachother by default. But anyway, what are the SEO implications of using a custom page as a category page instead of your normal category/archive page?

[michaeljdeibert]

michaeljdeibert

#267980

Hi,

Note: the element is [kadence_element id="7170], which shows both the original 5-column row layout I’m trying to tweak but also the adjusted, mobile-only version. On desktop it’ll show [kadence_element id="8919], which is identical but carry-over from a failed attempt to resolve a different issue.

I’m doubtful that it’s something in my current css… while I’ve since added more tweaks, Ben had a decent look over it previously. But as for css conflicting with something else, perhaps…

However, even that’s questionable because one of the css solutions I tried used unique classes added to that specific 5-column layout and then each of the 5 sections inside – it still didn’t work correctly. Or rather, it DID arrange the sections, but then it didn’t centre the last row with the odd item (as written) and worse – the contents inside the section were lost after implementation (contents are Kadence’s Info Box block).

That code was:

/* adjust grid for rating element on mobile screens */
@media (max-width: 767px) { 
.rating-box-mobile-grid {
	display: grid;
	grid-template-columns: repeat( 6, 1fr );
	}
.rating-box-mobile-grid-section {
		grid-column: span 2;
	}
.rating-box-mobile-grid-section-odd:nth-last-child(1):nth-child(odd) {
		grid-column: 2 / span 2;
		}
	}
}
}

[While it was originally written for SASS, I rewrote it for CSS. The reference for this was: https://www.billerickson.net/css-grid-center-last-item/ This code is still in the “Custom CSS” sections within the block, but it made no effect there nor just using the class selectors alone.]

But as noted, I’ve tried other options as well.

I tried to set the row as a 2 columns layout, with 3 sections in the first and 2 sections in the last. That way it would collapse as default on mobile. But then no matter what padding/margin/spacing options I tried, I could not get it to actually equally space in the row while on desktop & tablet. There was always a wonky, off-balance look.

I tried a different css out, via grid:

/* adjust grid for ratings box on mobile screens */
@media (max-width: 767px) { 
.rating-box-mobile-grid {
	flex: 3
}

The goal was then to have the last two sections wrap below by using the unique class on the row layout… but alas, nope.

And as noted, I tried applying a similar grid option as Ben helped sort for my footer here: https://www.kadencewp.com/support-forums/topic/new-footer-row-collapse-layout-for-mobile/#post-267790 But even adjusting that for a 5 column grid didn’t work, nor did any other options using a grid.

Michael

[heavy]

heavy

#267962

Hey Folks,

on a client website which is still in development we styled the post navigation with some css and made a template override with single-entry.php to double the navigation on top of the post. Due to some client requirements we need to switch the „direction“ of the post navigation. Left arrow (1.) should lead to newer posts and right arrow (2.) should lead to older posts. We saw that Kadence is using a grid for the post navigation but all our effort ist not leading to a solution;-) – maybe switch the grid content or use some .rtl class or somethiing easier??

Any help would be much appreciated!

Greets
heavy

[heavy]

heavy

#267962

Hey Folks,

on a client website which is still in development we styled the post navigation with some css and made a template override with single-entry.php to double the navigation on top of the post. Due to some client requirements we need to switch the „direction“ of the post navigation. Left arrow (1.) should lead to newer posts and right arrow (2.) should lead to older posts. We saw that Kadence is using a grid for the post navigation but all our effort ist not leading to a solution;-) – maybe switch the grid content or use some .rtl class or somethiing easier??

Any help would be much appreciated!

Greets
heavy

[Gabs]

Gabs

#267961

Hello, is there a way to always show the post title in the block “Portfolio Grid/Carousel”
Currently it shows only on hover

[Gabs]

Gabs

#267961

Hello, is there a way to always show the post title in the block “Portfolio Grid/Carousel”
Currently it shows only on hover

[Hannah]

Hannah

#267939

Hey Stephen,
The excerpt length will pull from Theme Options > Blog Options > Post Excerpt Length. I don’t believe there’s a built-in way to make this less than 20 words. You could, however, use the post grid/carousel block from Kadence Blocks Pro. https://www.kadencewp.com/kadence-blocks/pro/post-grid-carousel-block/ That will allow you to show or hide the excerpt altogether or set a custom excerpt length to as few as 10 words.
Would that work for you?

Kindly,
Hannah

[Stephen]

Stephen

#267916

Hi there,

I’m using this shortcode:
[blog_posts items=”3″ type=”grid” word_count=”10″ excerpt=”false” orderby=”date”]

to feature the blogs on this page: *Login to see link

I would like the excerpt much shorter. When I change this to any number nothing happens. Thoughts on how to fix this?

[Stephen]

Stephen

#267916

Hi there,

I’m using this shortcode:
[blog_posts items=”3″ type=”grid” word_count=”10″ excerpt=”false” orderby=”date”]

to feature the blogs on this page: *Login to see link

I would like the excerpt much shorter. When I change this to any number nothing happens. Thoughts on how to fix this?

[Kevin]

Kevin

#267772

Hi Brett, thanks for contacting us.

You can use the “Row Layout” block to import a single page from a starter template. For that particular page, the filter is a part of the Post Grid/Carousel block. Take a look at the video below to import the page and to find the settings:
https://share.getcloudapp.com/p9ukL5EE

Let us know if that helps!

Best regards,
Kevin

[Karla]

Karla

#267759

Hello,

Thank you for reaching out to us.

2) How to create the same behaviour for all projects (portfolio pages) (without removing/using the blog feed settings mentioned in point 1.

If you have a custom post type “Portfolio”, you’ll be able to customize its Archive Layout within Customizer(the same way with the Blog Posts archive page) – https://share.getcloudapp.com/Jrux8dZY.

3) Is it possible to use a Block, like a Gutenberg/Kadence block on a regular page picking up all these project pages or the pages I like to show up on one page?

Yes, you can use the Post Grid/Carousel block(available with Kadence Blocks pro addon) to show custom post types on specific pages. Here’s an article you can refer to – https://www.kadenceblocks.com/docs/configure-a-blog-list-with-post-grid-carousel-block/.

For the free version, you may use the Posts block.

Hope this helps and let us know if we can assist you further.

Best Regards,
Karla

[Hannah]

Hannah

#267739

Hi Jenny,
Sorry for the delay! This thread seems to have gotten lost in the mix. I apologize!
I believe the theme will automatically display posts based on when they were last edited. If you’re wanting your posts to display in ascending order you can use a shortcode like this: [blog_grid orderby=date order=ASC items=6 columns=3] Would that work for you? You could also use the post grid/carousel block from Kadence Blocks Pro.
Let me know how I can help moving forward!

Kindly,
Hannah

[Hannah]

Hannah

#267711

Hey Laurent,
The portfolio grid block doesn’t allow you to have the exact same layout as the portfolio template does. If you’re wanting to only use blocks then one option would be to add a portfolio shortcode to a shortcode block like this: [portfolio_posts orderby=date excerpt=false columns=4 items=4 height=200 lightbox=true showtypes=true cat=photos]
Would that work for you? Otherwise, you can use css to style the block to be more like the template. Let me know if you would like to go that route and I would be happy to help!

Kindly,
Hannah

[Hannah]

Hannah

#267661

Hey,
Thanks for reaching out! Try using this css:

.kt-blocks-post-grid-item-inner, .kt-blocks-post-grid-item header {
    background: #eee !important;
}

Hope it helps!

Best,
Hannah

[prayingdadblog]

prayingdadblog

#267660

Is there a way to disable having a grid layout on my homepage to where my blog posts are in that traditional layout one on top of another (if that makes sense).

Thanks! I cannot seem to find an answer anywhere.

[prayingdadblog]

prayingdadblog

#267660

Is there a way to disable having a grid layout on my homepage to where my blog posts are in that traditional layout one on top of another (if that makes sense).

Thanks! I cannot seem to find an answer anywhere.

[kim-3452]

kim-3452

#267657

All other open pages on the site also freeze, even if they don’t have post grid blocks on those pages, no further editing or opening an item in the dashboard menu is possible. Error messages have varied and include page unresponsive and unable to establish database connection (even though site still up according to websiteplanet.com. The only way to stop it is to disable post grid blocks. I’m basically unable to continue building my website until this bug is fixed (and post grid blocks is the primary reason I bought blocks pro).

[kim-3452]

kim-3452

#267655

I customised 2 different post grid blocks and saved them as reusable blocks. I then added more of each style to my home page and I now cannot click anything to continue editing, including save as a draft or anything in the dashboard menu. Tried creating a brand new page and everything went well until same process above and everything froze. Got onto wp dashboard via another browser and disabled post block grid under kadence blocks settings and no longer freezing. I want to use post block grids as in theory they will be a great solution. Can anyone help?

[kim-3452]

kim-3452

#267655

I customised 2 different post grid blocks and saved them as reusable blocks. I then added more of each style to my home page and I now cannot click anything to continue editing, including save as a draft or anything in the dashboard menu. Tried creating a brand new page and everything went well until same process above and everything froze. Got onto wp dashboard via another browser and disabled post block grid under kadence blocks settings and no longer freezing. I want to use post block grids as in theory they will be a great solution. Can anyone help?

[Karla]

Karla

#267569

Hello,

Thank you for reaching out to us. For faster communication, you may want to submit a support ticket here.

How is that created? Are the posts custom post types, and then the sorting is based on the tags used? Or is it all posts, and the sorting is based on post categories? Or can it be either way?

Once you add the pro addon’s Portfolio Grid/Carousel block, the default post type will be the Posts. However, you can choose which one to show in the block settings. For the filter – you can also choose which taxonomy to be used for it.

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

Hope this helps and let us know if we can assist you further.

Regards,
Karla