Can I modify the grid loop to be 3 columns instead of 2 ?

[soltan929]

<?php

function child_grid_loop_helper() {
genesis_grid_loop( array(
'features' => 1,
'feature_image_size' => 'child_full',
'feature_image_class' => 'post-image',
'feature_content_limit' => 0,
'grid_image_size' => 0,
'grid_content_limit' => 0,
'more' => __( '[Read More]', 'genesis' ),
'posts_per_page' => 8,
) );
}
remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'child_grid_loop_helper' );

genesis();

[Brad Dalton]

You can use blocks or CSS grid columns, no need for the genesis grid loop anymore

---

Tutorials for StudioPress Themes.

[soltan929]

Thank you for your reply and your useful website.

[soltan929]

I tried to use CSS as you mentioned in your tutorial, but it shows 3 columns, each column width is about 100px

[Brad Dalton]

You'll need to modify the CSS to work with your loops container class.

You can learn more about CSS grid here https://www.w3schools.com/css/css_grid.asp

---

Tutorials for StudioPress Themes.

[soltan929]

Well, I did, but is it better to use the default genesis loop or create a custom loop?

[Brad Dalton]

For archives, use the default loop built into every archive type with CSS grid to display in columns unless using blocks.

---

Tutorials for StudioPress Themes.

[Author]

Posts