Display Posts in rows (grid)?

Paul Oaten
(@pcaweb)

13 years, 3 months ago

Hi Nick,

thanks for the plugin. I wanted to use it to replace the default Genesis Featured Posts widget for use with the new Modern Portfolio Child Theme.

I have created a Portfolio custom post type (as described on Brian Gardner’s blog post) and created some Portfolio posts. I then installed the Amplified plugin as I know it deals with Custom Post Types (amongst other refinements).

However, one big issue is that the Amplified plugin displays the posts vertically and, in the homepage portfolio area of the Modern Portfolio theme, I need them to display in horizontal rows Ie. a grid).

Could you possibly tell me how to achieve this in the code – don’t mind getting my hands dirty!

If I can just get this sorted, it’ll be the perfect setup!

ps. posted this on your site comments also.

http://ww.wp.xz.cn/extend/plugins/genesis-featured-widget-amplified/

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter Paul Oaten
(@pcaweb)

13 years, 3 months ago

Anyone looking at this?
Not being pushy but would like to know if there’s anything I can do to move this along?

mcjohnson
(@mcjohnson)

13 years, 3 months ago

I have been trying to figure this out as well. I know it can be done probably pretty painlessly. Take a look at this. I think you need to add the genesis grid loop to your site -but not sure how you tie it in with the plugin. I am absolutely not a developer but I am so desperate that I am actually trying to figure this out myself……

http://www.wpsquare.com/display-blog-posts-two-columns-genesis-grid-loop/

http://wpsmith.net/2011/genesis/using-genesis-featured-widget-amplified-plugin-an-in-depth-developers-look-with-examples/#comments

I am not sure if that will be any help to you

Thread Starter Paul Oaten
(@pcaweb)

13 years, 3 months ago

I think the answer lies with CSS. I’m experimenting at the moment so hopefully more soon…
Thread Starter Paul Oaten
(@pcaweb)

13 years, 3 months ago
OK, I have the fix. The following code is courtesy of the great Bill Erickson. It needs to be placed in the home.php file in the child theme:
```
/**
 * Archive Post Class
 * @since 1.0.0
 *
 * Breaks the posts into three columns
 * @link http://www.billerickson.net/code/grid-loop-using-post-class
 *
 * @param array $classes
 * @return array
 */
function be_archive_post_class( $classes ) {
	$classes[] = 'one-third';
	global $wp_query;
	if( 0 == $wp_query->current_post || 0 == $wp_query->current_post % 3 )
		$classes[] = 'first';
	return $classes;
}
add_filter( 'post_class', 'be_archive_post_class' );
```
Gist here:

As Bill suggests, it could also go in the archive-portfolio.php file.
IkeGordon
(@ikegordon)

13 years ago

I think you just need to align the image to the left?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Display Posts in rows (grid)?’ is closed to new replies.