Grid Format in a Page

[gucu]

Hi All

I have just made a page template using the following code:

<?php
 
//* Template Name: Blog
//* Show page content above posts
add_action( 'genesis_loop', 'genesis_standard_loop', 5 );
 
genesis();

And then to assign a category using:

query_args cat=

What I would love to do is display the output as a grid with the title overlaying the featured image.

Is that possible please?

Thanks

Rich

http://makery.co.uk.gridhosted.co.uk/diy-test-page/

[Brad Dalton]

Which layout are you using? Full width or content sidebar?

You can use PHP code to display posts in columns or CSS

---

Tutorials for StudioPress Themes & WooCommerce.

[gucu]

Content sidebar

Thanks

Rich

[gucu]

Hi

Thanks for the reply. I am using the content and sidebar layout.

I have had a look through those codes and am unsure of where to go. I tried yesterday and it didn't go well - just kept coming up with a blank page.

Thanks

Rich

[Brad Dalton]

Did you add this code? https://www.billerickson.net/a-better-and-easier-grid-loop/

---

Tutorials for StudioPress Themes & WooCommerce.

[gucu]

Hi

I added the code:
http://makery.co.uk.gridhosted.co.uk/diy-test-page/

Here is the code I have:

<?php
 
//* Template Name: Grid
//* Show page content above posts

function be_archive_post_class( $classes ) {
	global $wp_query;
	if( ! $wp_query->is_main_query() )
		return $classes;
		
	$classes[] = 'one-third';
	if( 0 == $wp_query->current_post % 3 )
		$classes[] = 'first';
	return $classes;
}
add_filter( 'post_class', 'be_archive_post_class' );

Thanks for the help.

Rich

[Author]

Posts