First you should make some improvements to your template file. Try this:
<?php get_header(); ?>
<?php global $woo_options; ?>
<?php if ( $woo_options['woo_featured_disable'] <> "true" ) include( TEMPLATEPATH . '/includes/featured.php'); ?>
<?php
$args = array(
'post_type' => 'infobox',
'order' => 'DESC', // DESC for newer first.
'orderby' => 'date',
'posts_per_page' => 6 // For a 3x2 grid.
);
$latest = new WP_Query( $args ); // You now have an object you can use in 'The Loop'.
if ( $latest->have_posts() ) {
while ($latest->have_posts()) : $latest->the_post(); ?>
<div class="bskhp_t">
<a href="https://wordpress.stackexchange.com/questions/184008/<?php echo get_post_meta($post->ID,"mini_readmore', true); ?>">
<img src="https://wordpress.stackexchange.com/questions/184008/<?php echo get_post_meta($post->ID,"mini', true); ?>" alt="" class="home-icon">
</a>
<div class="bskhp_f">
<a href="https://wordpress.stackexchange.com/questions/184008/<?php echo get_post_meta($post->ID,"mini_readmore', true); ?>">
<h3><?php the_title(); ?></h3>
</a>
<p><?php echo get_post_meta($post->ID, 'mini_excerpt', true); ?></p>
<a href="https://wordpress.stackexchange.com/questions/184008/<?php echo get_post_meta($post->ID,"mini_readmore', true); ?>">
<span>Read more</span>
</a>
</div>
</div>
<?php endwhile;
}
I removed the CSS since you should move it into another file.
Then, for a 3×2 grid, I suggest you doing so using CSS. Try:
.bskhp_t {
display: inline-block;
width: 30%;
}
It’s ideal if the parent container of .bskhp_t
DIVs takes all available width.
I didn’t tested this code so let me know if you had some issues 😉