Search Results for 'post grid'

[Alf]

Alf

#171370

Can I display my blog posts in grid view on the category pages?

[Alf]

Alf

#171370

Can I display my blog posts in grid view on the category pages?

[Hannah]

Hannah

#171337

Sorry for not clarifying more! If your front page is set to the latest post page (from settings > reading) then from Theme Options > Home Layout > Page Content Options you can enable “Use Post Grid Format”.
The theme page templates (such as the blog grid template) are not meant to work on the homepage. They are automatically overridden by the homepage template.

Hannah

[Hannah]

Hannah

#171197

Hi Justine,
To create a grid on your homepage you can either set your front page as the latest posts page from Settings > Reading (then make sure Page Content is enabled in the homepage layout manager from Theme Options > Home Layout). Or you can enable Latest Blog Posts from Theme Options > Home Layout. Or your third option is to use a shortcode. You can see a full list of shortcodes here: http://docs.kadencethemes.com/virtue-premium/shortcodes/

You can use this css to remove the page headers:

.page-header {
    display: none;
}

Just paste that into your custom css box in Theme Options > Advanced Settings.

Hope that helps!

Hannah

[hello39]

hello39

#171185

Hi,
You super team helped me set my article titles in all caps which works great on the single posts and grid,
but my problem they appear all lowercase in the latest post sidebar widget… is there a way I could customize these title to have uppercase when needed (begining of the title or proper names in titles)? or having them all caps if the previous is not possible.
Thanks a lot, again!

[hello39]

hello39

#171185

Hi,
You super team helped me set my article titles in all caps which works great on the single posts and grid,
but my problem they appear all lowercase in the latest post sidebar widget… is there a way I could customize these title to have uppercase when needed (begining of the title or proper names in titles)? or having them all caps if the previous is not possible.
Thanks a lot, again!

[Hannah]

Hannah

#171140

Hey,
You could try setting a min height with css. Like this:

.grid-postlist .entry-content {
    min-height: 160px;
}

Just paste that into your custom css box in Theme Options > Custom CSS.
Hope it helps!

Hannah

[hello39]

hello39

#171138

Hi,
Is there a way I could configure the “custom exerpt” to be cut automatically after so much characters/signs so that the grid looks more like a grid than masonnery?
Or did I configure something wrong?

Before, I used to use the “read more” tag and it was set to 40 words but depending on the words’ length it was already not straight,thouhgh.

Do you think it woudl be possible to have the custom exerpt, and to configure all exerpts to be the same height?

Thanks a lot!

Priscilia

[hello39]

hello39

#171138

Hi,
Is there a way I could configure the “custom exerpt” to be cut automatically after so much characters/signs so that the grid looks more like a grid than masonnery?
Or did I configure something wrong?

Before, I used to use the “read more” tag and it was set to 40 words but depending on the words’ length it was already not straight,thouhgh.

Do you think it woudl be possible to have the custom exerpt, and to configure all exerpts to be the same height?

Thanks a lot!

Priscilia

[Jenny]

Jenny

#171087

Hello Kevin,

here is a link of an example page:
http://neu.dassonnenhaus.com/blog-grid-four-columns/

This is how it looks like at the beginning (the navigation is ‘thick’ and the profile picture is big):
https://s7.postimg.org/rdg8y13yj/jenny1.png

and when I scroll down a bit, then tha navigation is smaller and the profile picture too, like on this image:
https://s7.postimg.org/n4biw1nwb/jenny2.png

I hope you understand now my problem. I would like that the navigation is at the beginning small like it is after scrolling. (I don’t want any resize-effects)

Kind regards

[hello39]

hello39

#170931

Hello,
is there a way I can have a custom exerpt for my blogposts?
I know I can use the “more” tag, but what I’d like is for a different short text to show on the home page grid than which is in the actual article…
Thanks a lot!
Priscilia

[hello39]

hello39

#170931

Hello,
is there a way I can have a custom exerpt for my blogposts?
I know I can use the “more” tag, but what I’d like is for a different short text to show on the home page grid than which is in the actual article…
Thanks a lot!
Priscilia

[Ben Ritner]

Ben Ritner

#170710

ok, you will need to wrap that function then so it properly unhooks the previous.

Just remove all of it and replace with:

add_action('init', 'custom_child_init');
function custom_child_init() {
remove_action( 'kadence_single_portfolio_footer', 'ascend_portfolio_nav', 20 );
add_action( 'kadence_single_portfolio_footer', 'my_custom_ascend_portfolio_nav', 20 );
function my_custom_ascend_portfolio_nav() { 
	global $post, $ascend; 
	if(isset($ascend['portfolio_single_nav']) && $ascend['portfolio_single_nav'] == 1) {
		echo '<div class="post-footer-section">';
			if(isset($ascend['portfolio_single_nav_cat']) && 1 == $ascend['portfolio_single_nav_cat']) {
				$prev_post = get_adjacent_post(true, null, true, 'portfolio-type');
				$next_post = get_adjacent_post(true, null, false, 'portfolio-type');
			} else {
				$prev_post = get_adjacent_post(false, null, true);
				$next_post = get_adjacent_post(false, null, false);
			}
			if ( empty( $next_post ) && empty( $prev_post ) ) {
				$containerclass = 'nav-no-next-previous';
			} else {
				$containerclass = '';
			}
			echo '<div class="kad-post-navigation portfolio-nav clearfix '.esc_attr($containerclass).'">';
				
				if ( !empty( $prev_post ) ) : 
		        	echo '<div class="alignleft kad-previous-link">';
		        		echo '<a href="'.get_permalink( $prev_post->ID ).'"><span class="kt_postlink_meta kt_color_gray">'.__('Previous Album', 'ascend').'</span><span class="kt_postlink_title">'. $prev_post->post_title.'</span></a>';
		        	echo '</div>';
		        endif; 
		        if(isset($ascend['portfolio_link_type']) && $ascend['portfolio_link_type'] == 'type') {
		        	$main_term = '';
	                if(class_exists('WPSEO_Primary_Term')) {
	              		$WPSEO_term = new WPSEO_Primary_Term('portfolio-type', $post->ID);
						$WPSEO_term = $WPSEO_term->get_primary_term();
						$WPSEO_term = get_term($WPSEO_term);
						if (is_wp_error($WPSEO_term)) { 
							if ( $terms = wp_get_post_terms( $post->ID, 'portfolio-type', array( 'orderby' => 'parent', 'order' => 'DESC' ) ) ) {
								$main_term = $terms[0];
							}
						} else {
							$main_term = $WPSEO_term;
						}
	              	} elseif ( $terms = wp_get_post_terms( $post->ID, 'portfolio-type', array( 'orderby' => 'parent', 'order' => 'DESC' ) ) ) {
	                    $main_term = $terms[0];
	                }
		        	if ( $main_term ) {
                    	echo '<div class="kad-grid-link">';
echo '<span class="kt_postlink_meta kt_color_gray">Text Above Grid</span>';
                    	echo '<a href="'.get_term_link( $main_term->slug, 'portfolio-type' ).'" class="kt_color_gray"><i class="kt-icon-th-large"></i></a>';
                    	echo '</div>';
                    }
		        } else if(isset($ascend['portfolio_link_type']) && $ascend['portfolio_link_type'] == 'page') {
		        	$parent_id = $ascend['portfolio_link'];
				   	if( !empty($parent_id)) {
				   		echo '<div class="kad-grid-link">';
				   		echo '<a href="'.get_page_link($parent_id).'" class="kt_color_gray"><i class="kt-icon-th-large"></i></a>';
				   		echo '</div>';
				   	}
				}
		   		if ( !empty( $next_post ) ) :
		   			echo '<div class="alignright kad-next-link">';
		        		echo '<a href="'.get_permalink( $next_post->ID ).'"><span class="kt_postlink_meta kt_color_gray">'.__('Next Album', 'ascend').'</span><span class="kt_postlink_title">'. $next_post->post_title.'</span></a>';
		        	echo '</div>';
		        endif; 
			echo '</div> <!-- end navigation -->';
		echo '</div>';
	}
}
}

Ben

[Ben Ritner]

Ben Ritner

#170679

Ok so you would add this to a child theme functions.php file:

remove_action( 'kadence_single_portfolio_footer', 'ascend_portfolio_nav', 20 );
add_action( 'kadence_single_portfolio_footer', 'my_custom_ascend_portfolio_nav', 20 );
function my_custom_ascend_portfolio_nav() { 
	global $post, $ascend; 
	if(isset($ascend['portfolio_single_nav']) && $ascend['portfolio_single_nav'] == 1) {
		echo '<div class="post-footer-section">';
			if(isset($ascend['portfolio_single_nav_cat']) && 1 == $ascend['portfolio_single_nav_cat']) {
				$prev_post = get_adjacent_post(true, null, true, 'portfolio-type');
				$next_post = get_adjacent_post(true, null, false, 'portfolio-type');
			} else {
				$prev_post = get_adjacent_post(false, null, true);
				$next_post = get_adjacent_post(false, null, false);
			}
			if ( empty( $next_post ) && empty( $prev_post ) ) {
				$containerclass = 'nav-no-next-previous';
			} else {
				$containerclass = '';
			}
			echo '<div class="kad-post-navigation portfolio-nav clearfix '.esc_attr($containerclass).'">';
				
				if ( !empty( $prev_post ) ) : 
		        	echo '<div class="alignleft kad-previous-link">';
		        		echo '<a href="'.get_permalink( $prev_post->ID ).'"><span class="kt_postlink_meta kt_color_gray">'.__('Previous Album', 'ascend').'</span><span class="kt_postlink_title">'. $prev_post->post_title.'</span></a>';
		        	echo '</div>';
		        endif; 
		        if(isset($ascend['portfolio_link_type']) && $ascend['portfolio_link_type'] == 'type') {
		        	$main_term = '';
	                if(class_exists('WPSEO_Primary_Term')) {
	              		$WPSEO_term = new WPSEO_Primary_Term('portfolio-type', $post->ID);
						$WPSEO_term = $WPSEO_term->get_primary_term();
						$WPSEO_term = get_term($WPSEO_term);
						if (is_wp_error($WPSEO_term)) { 
							if ( $terms = wp_get_post_terms( $post->ID, 'portfolio-type', array( 'orderby' => 'parent', 'order' => 'DESC' ) ) ) {
								$main_term = $terms[0];
							}
						} else {
							$main_term = $WPSEO_term;
						}
	              	} elseif ( $terms = wp_get_post_terms( $post->ID, 'portfolio-type', array( 'orderby' => 'parent', 'order' => 'DESC' ) ) ) {
	                    $main_term = $terms[0];
	                }
		        	if ( $main_term ) {
                    	echo '<div class="kad-grid-link">';
echo '<span class="kt_postlink_meta kt_color_gray">Text Above Grid</span>';
                    	echo '<a href="'.get_term_link( $main_term->slug, 'portfolio-type' ).'" class="kt_color_gray"><i class="kt-icon-th-large"></i></a>';
                    	echo '</div>';
                    }
		        } else if(isset($ascend['portfolio_link_type']) && $ascend['portfolio_link_type'] == 'page') {
		        	$parent_id = $ascend['portfolio_link'];
				   	if( !empty($parent_id)) {
				   		echo '<div class="kad-grid-link">';
				   		echo '<a href="'.get_page_link($parent_id).'" class="kt_color_gray"><i class="kt-icon-th-large"></i></a>';
				   		echo '</div>';
				   	}
				}
		   		if ( !empty( $next_post ) ) :
		   			echo '<div class="alignright kad-next-link">';
		        		echo '<a href="'.get_permalink( $next_post->ID ).'"><span class="kt_postlink_meta kt_color_gray">'.__('Next Album', 'ascend').'</span><span class="kt_postlink_title">'. $next_post->post_title.'</span></a>';
		        	echo '</div>';
		        endif; 
			echo '</div> <!-- end navigation -->';
		echo '</div>';
	}
}

[Kati]

Kati

#170401

Ok, I deactivated th Page Builder and the other plugins, but the image problem was still there.
I don’t think it is a plugin problem.

I have had the same loading problem in som of the blog posts. Never on the blog grid page, but in some of the posts. The featured images didn’t always load properly.

I tryed the link you send med but I’m sorry to say that I did’nt know how to manage the test…

Kati

[Ben Ritner]

Ben Ritner

#170290

It just seems to be an odd way for it to handle the sorting, especially since the postings were fairly close in height already

Just to reiterate it’s not anything to do with sorting but the display. And not everyone’s blog grids are close in height. So it’s certainly a style (like Pinterest) that people like if they are intentionally wanting the posts size different. We created the option of being able to set the equal height so both layouts can be supported.

Ben

[Dean]

Dean

#170274

Kevin,

Here’s the shortcode that I’m using:

[blog_grid columns=”3″ items=”6″ orderby=”date”]

The link to the page is http://www.freshfoliodesign.com/.

Ben, changing the blog grid sorting to equal height seems to have solved the issue. It just seems to be an odd way for it to handle the sorting, especially since the postings were fairly close in height already. Interesting.

I think the issue is handled, but I included the info that Kevin requested just in case there’s more info that I should have.

Thanks,
Dean

[Ben Ritner]

Ben Ritner

#170269

Why does it sort like this?

It’s not how it’s “sorted” but how it’s designed. The order is still “by date” but the grid is designed to flow like Pinterest where the highest item is first and it doesn’t follow forced rows. so that 4th item is highest on the page likely because that 3rd item is shortest in your first row.

is there a way to change the way the date sort order displays?

You can turn on “Display Blog Grid posts at equal height” in your theme options > blog options. Which will force your posts into equal rows.

Ben

[Dean]

Dean

#170257

I’m seeing something odd in the sorting of blog postings on my homepage (www.freshfoliodesign.com).

I’m using the Blog_Grid shortcode to display recent posts and it’s set to Orderby date.

The odd thing is how it orders them.

Instead of displaying them like this (from most recent to oldest):

1 2 3
4 5 6

It displays them in a clockwise order:

1 2 3
6 5 4

So, I have two questions. Why does it sort like this? It seems like a non-intuitive way to sort items. And secondly, is there a way to change the way the date sort order displays?

Thanks,
Dean

[Dean]

Dean

#170257

I’m seeing something odd in the sorting of blog postings on my homepage (www.freshfoliodesign.com).

I’m using the Blog_Grid shortcode to display recent posts and it’s set to Orderby date.

The odd thing is how it orders them.

Instead of displaying them like this (from most recent to oldest):

1 2 3
4 5 6

It displays them in a clockwise order:

1 2 3
6 5 4

So, I have two questions. Why does it sort like this? It seems like a non-intuitive way to sort items. And secondly, is there a way to change the way the date sort order displays?

Thanks,
Dean

[Ben Ritner]

Ben Ritner

#169810

Hey,
I mentioned using “add media” button in the visual editor widget. That would be how you add a self-hosted video, is that not an option?

A slider will always show the video as a background, after all it’s not a video player it’s a slider plugin with an option for a video background so making it resize based on a video size isn’t really whats it’s designed for. But if you add a background image that is the exact same ratio as your video then you can set the slider to respect ratio and that could get you the look you want. Just make sure your grid sizes match and your not setting is as fullwidth.

1. post a link to where you are adding this and I can offer solutions. On the page link above I’m not seeing a black border around a video. Can you make sure to specify which browser your using.

2. What does “SiteOrigin widget” mean to you? I’m not aware of a widget called “SiteOrigin widget”.

Also, just a note that mobile device browsers don’t support autoplay of videos because of data usage.

[Ben Ritner]

Ben Ritner

#169806

Those aren’t added through page builder. You have set the page to the “portfolio grid” template so it’s pulling in those portfolio posts.

If you want to remove just change your template to something other then portfolio grid.

Ben

[Ben Ritner]

Ben Ritner

#169747

The similar posts or photo grid of blog posts will output images in a landscape format, 2:3 ratio.

You can edit this with a function through a child theme.

Ben

[info790]

info790

#169650

Hey Hannah!
Sorry, but that does only display the events in a list with a picture. I would like them to have the same layout as the “latest blogposts”. That is a square grid with at least 2×2 (or even better 2×3) squares where there is a thumbnail, and the first part of the event description. You can look at the difference on our website: http://test-www.renaremark.se . The list of events i grey a bit down on the website, and further down is “latest from the blog” which is how I would like the event list to look like.
Thanks a lot for your help, I’s super grateful for any advice I can get! 🙂

/Peter

[Liam J]

Liam J

#169503

Hi Hannah

I’m not sure it’s really relevant what size images I am using because the theme will always try to crop to 1440×400 (providing the original image size is larger than this), as you can see from the placeholder images that are shown if a featured image is missing. For all other pages where I am using a side bar and have set the format of the posts to be grid plus first as standard with landscape image, the featured image in landscape for the first post summary has always been cropped to 1040×400.

I am pretty sure this issue is just an oversight as, when I have tested the same blog post format on pages without the side bar, the featured image for the first post summary has been cropped to 1440×400, which would be correct for a page without side bar.

Thanks.