Modificare result.php personalizzando i risultati di una ricerca

Ciao a tutti.
Ho bisogno di un’anima pia che mi voglia dare una mano pratica sul php di una pagina. Purtroppo non essendo esperto, non so davvero dove mettere le mani.
Il mio problema è di tipo “grafico”.

Come potete vedere da questa pagina: http://www.filmconsigliati.com/componi-film/

I risultati appaiono su una sola colonna. Vorrei poter far apparire i risultati su 3 colonne.

Come posso fare?

<?php

if ( $query->have_posts() )
{
	?>
	
	<div class="pagination">
		
		<div class="nav-previous"><?php next_posts_link( 'Older posts', $query->max_num_pages ); ?></div>
		<div class="nav-next"><?php previous_posts_link( 'Newer posts' ); ?></div>
		<?php
			/* example code for using the wp_pagenavi plugin */
			if (function_exists('wp_pagenavi'))
			{
				echo "<br />";
				wp_pagenavi( array( 'query' => $query ) );
			}
		?>
	</div>
	
	<?php
	while ($query->have_posts())
	{
		$query->the_post();
		
		?>
		<div>
			<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
			<?php 
				if ( has_post_thumbnail() ) {
					echo '<a href="';
                    the_permalink();
                    echo '">';
					the_post_thumbnail("thumbnail");
					echo '</a>';
				}
			?>
			
		</div>
		
		<hr />
		<?php
	}
	?>
	
	<div class="pagination">
		
		<div class="nav-previous"><?php next_posts_link( 'Older posts', $query->max_num_pages ); ?></div>
		<div class="nav-next"><?php previous_posts_link( 'Newer posts' ); ?></div>
		<?php
			/* example code for using the wp_pagenavi plugin */
			if (function_exists('wp_pagenavi'))
			{
				echo "<br />";
				wp_pagenavi( array( 'query' => $query ) );
			}
		?>
	</div>
	<?php
}
else
{
	echo "Nessun Film Corrispondente Alla Ricerca";
}
?>

L’ideale, sarebbe che qualcuno mi spiegasse come inserire il loop del design del mio tema come risultato della ricerca… Ma mi accontento anche solo di mettere i risultati attuali su 3 colonne.

Grazie in anticipo dell’aiuto.